oh damn :/ i rly should see this myself lol
thank you very much it work now.

,
crysis992

crysis992 wrote:oh damn :/ i rly should see this myself lol
thank you very much it work now.

,
crysis992

Glad I could help

Could you tell me,
Where can I find the Style Sheet URL for the default (the custom theme I use right now)?
Thank You.

Can you provide the link on hitskin.com of your theme you use? I can then tell you the style sheet url.

But...
I do not use from hitskin, I have changed it manually from ACP> Display (I use forumotion) ?

It must be somewhere on hitskin.com
Just search for it.

Or else we will need to upload the css file to a webhost. Then we will get a link.

Tropica wrote:But...
I do not use from hitskin, I have changed it manually from ACP> Display (I use forumotion) ?

Hello,

Please provide me a link to your forum and I'll give you link to your custom style sheet

Thank you very much to Mr.Sanket and Ankillien.

my forum is: Link Removed

but I am afraid if it is not polite to give that url here, if so, please just edit / delete it.

Thanks again.

Tropica wrote:Thank you very much to Mr.Sanket and Ankillien.

my forum is: Link Removed

but I am afraid if it is not polite to give that url here, if so, please just edit / delete it.

Thanks again.

Here is link to your default style sheet..
http://www.gayindoforum.com/59-ltr.css

Thank youuuu

btw, the best luck for Ankillen for his exams (I read form his signature)

hello there.
first of all i would like to say a big "thank you" for your tutorial.
i tried to apply it to my forum but i have some problems.

• it changes everything except the icons. is it possible to change the navigation and all the other buttons also??
  
• everytime i enter a topic the theme changes to the default... why happens this?

my forums adress is this

thank you in advance
i honestly have read all the answers above my question but i cannot figure what i have to do in order to solve my problem.
i suppose that the problem with the images is a problem based in my .css file. i think that i have to add something(what i did was to copy the basic css code from my temporary templates).
as far as the radio buttons i cannot think which is my fault.

thank you again for your time (sorry for my english)

Hi ecatodarcus!

Welcome to WebArtz

This tutorial is actually a style changer and not theme changer. It on;y changes your CSS so it won't be able to the images and buttons which are added via xHTML. It can only change the colors, text formatting, backgorund images etc.

About the default style, I'll visit your forum and check

first of all i would like to thank you very much for the fast answer!!!
ah ok! i tried more than 2 hours to find out what was my code fault and my fault was in understanding(i need to exercise my english,haha!!).
so what i can do is to find transparent icons in order to fit in any theme?
the forum that i posted is a testing forum, if i manage to make the theme changer as i want i will apply it to my "good" forum! My classmates will be very excited!

i tried to find out what causes the change to the default theme when i navigate in to my forum and i figured out that when i navigate in my forum the theme changes to the installed one not to the one that is named default in the code.

did you understood what i mean??

thanks...

Actually, there is no way to change the icons and buttons with theme changer.
I'll check your forum to find out the default theme bug.

yes yes i understood that i cannot change the icons and the logo. what i said was that i will make them(the icons and the logo) transparent in order to fit with the background's color (i don't want them to have different background color, that's why ).

thank you for your reply!

It is possible to change the logo and the Navigation bar and some other things. If you use a phpbb2 Forum, and if you dont use the css from hitskin.
Then it is possible.
1. Download the css from the style that you want to use.
2. Edit the css, for example this is the css id for the Gallery button in the Navigation bar:

Code:


#i_icon_mini_gallery {
   background:url(Link to your Image);
   width: width of the button;
   height: height of the button;
}

3. Do this for every button, in your style 1 css and standard css from your forum.
4. Delete the navigation images in your administration panel.

If you did that, it should change the Navigation bar if you change the style via the style select.
same for banner:

Code:

#i_logo {
{
   background:url(Link to your Image);
   width: width of the button;
   height: height of the button;
}

I hope you understand what i mean lol

,
crysis992

YES YES!!!
i fixed it!!!
i only had to put the <script> after the <link> as you mentioned!!!
it was that easy!!
i was so careless!!!
thanks! it's a beautiful tutorial!!!!it's great!!!

well i got this to work but once i go into my forums topics if changes back to the defalut css theme can u tell y this happens

also i would like it to be a drop menu and i try to make one this is the code i use but it dose not work

Code:

<form>
<select>
<option><!-- Choose theme 1 -->
<input type="radio" name="choice" value="default" onClick="chooseStyle(this.value, 60)">Default Theme<br /></option>

<option><!-- Choose theme 2 -->
<input type="radio" name="choice" value="theme1" onClick="chooseStyle(this.value, 60)">Theme 1 Name<br /></option>

<option><!-- Choose theme 3 -->
<input type="radio" name="choice" value="theme2" onClick="chooseStyle(this.value, 60)">Theme 2 Name<br /></option>

<option><!-- Choose theme 4 -->
<input type="radio" name="choice" value="theme3" onClick="chooseStyle(this.value, 60)">Theme 3 Name<br /></option>
</select>

hey i had the same problem.
what i did wrong was that i've put

Code:

<script src="HTML PAGE URL HERE" type="text/javascript"></script>

before and not after

Code:

<link rel="alternate stylesheet" type="text/css" media="screen" title="default" href="DEFAULT STYLE SHEET URL HERE" />

<link rel="alternate stylesheet" type="text/css" media="screen" title="theme1" href="STYLE SHEET 1 URL HERE" />

<link rel="alternate stylesheet" type="text/css" media="screen" title="theme2" href="STYLE SHEET 2URL HERE" />

.
As soon as i've put them in the right order the whole thing worked perfect.

so check at first if

Code:

<script src="HTML PAGE URL HERE" type="text/javascript"></script>

is after

Code:

<link rel="alternate stylesheet" type="text/css" media="screen" title="default" href="DEFAULT STYLE SHEET URL HERE" />

<link rel="alternate stylesheet" type="text/css" media="screen" title="theme1" href="STYLE SHEET 1 URL HERE" />

<link rel="alternate stylesheet" type="text/css" media="screen" title="theme2" href="STYLE SHEET 2URL HERE" />

.

if their order is correct i do not know what happens.
what is your forum's adress??

if i understood right what a drop down menu is you have to do this simple change in the instruction that ankillien given.
instead of pasting this

Code:

    <form id="switchform">

    <!-- Choose theme 1 -->
    <input type="radio" name="choice" value="default" onClick="chooseStyle(this.value, 60)">Default Theme<br />

    <!-- Choose theme 2 -->
    <input type="radio" name="choice" value="theme1" onClick="chooseStyle(this.value, 60)">Theme 1 Name<br />

    <!-- Choose theme 3 -->
    <input type="radio" name="choice" value="theme2" onClick="chooseStyle(this.value, 60)">Theme 2 Name
    </form>




you have to paste this one

Code:

<form id="switchform">
<select name="switchcontrol" size="1" onChange="chooseStyle(this.options[this.selectedIndex].value, 60)">
<option value="none" selected="selected">Default style</option>
<option value="blue-theme">Blue Theme</option>
<option value="brown-theme">Brown Theme</option>
</select>
</form>

be careful to this one!: <option value="the title of your theme">Brown Theme</option>

k thanks i got the theme and drop menu to work

ok! i'm happy that i've helped you.
1)i just checked your forum. you have another mistake(if i am right)
you have to paste the part

Code:

<form id="switchform">

    <!-- Choose theme 1 -->
    <input type="radio" name="choice" value="default" onClick="chooseStyle(this.value, 60)">Default Theme<br />

    <!-- Choose theme 2 -->
    <input type="radio" name="choice" value="theme1" onClick="chooseStyle(this.value, 60)">Theme 1 Name<br />

    <!-- Choose theme 3 -->
    <input type="radio" name="choice" value="theme2" onClick="chooseStyle(this.value, 60)">Theme 2 Name
    </form>



just after this one

Code:


<body background="http://i66.servimg.com/u/f66/14/96/13/88/bg10.png" bgcolor="#adadad" text="#000000" link="#454545" vlink="#5493b4">

.do this first.

2)then if you want to make a drop down menu you have to replace this one

Code:

<form id="switchform">

    <!-- Choose theme 1 -->
    <input type="radio" name="choice" value="default" onClick="chooseStyle(this.value, 60)">Default Theme<br />

    <!-- Choose theme 2 -->
    <input type="radio" name="choice" value="theme1" onClick="chooseStyle(this.value, 60)">Theme 1 Name<br />

    <!-- Choose theme 3 -->
    <input type="radio" name="choice" value="theme2" onClick="chooseStyle(this.value, 60)">Theme 2 Name
    </form>



with this

Code:

<form id="switchform">
<select name="switchcontrol" size="1" onChange="chooseStyle(this.options[this.selectedIndex].value, 60)">
<option value="none" selected="selected">Default style</option>
<option value="blue-theme">Blue Theme</option>
<option value="brown-theme">Brown Theme</option>
</select>
</form>

be careful here <option value=...>Name</option>
the value has to be equal with the title of the theme used in the <link> section

edit ok then! i am glad i've helped you!!!
i let this post for future reference

well i got the drop menu but i don't get wat u mean on number 1

does your drop down menu works? if it works i was wrong. if it does not work inform me to explane u what i told you in my last post.

yea the drop meni works find thanks for all the help