For example:

 [[div style="font-family: Courier New;"]] * This text will appear in a different font. [[/div]] [[div style="font-family: Comic Sans MS;"]] * And so will this. [[/div]] 

I searched google for "safe web fonts" for you, as Phil suggested, and found this page: http://web.mit.edu/jmorzins/www/fonts.html

To this:

you can specify what fonts you like, they are not wikidot fonts.
Search google for "safe web fonts" for more info.

Thanks a lot. S. S. Mann

The best way to do this is to

write the text how you want it to be.

then select it all.

then hit the quote button.

which will then look like this:-

 > The best way to do this is to > > write the text how you want it to be. > > then select it all. > > then hit the quote button. 

The syntax for that was:

 [[div style="-moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #fdeabc; border: 1px solid #507AA7; text-align:center; width:300px;"]] This is the text in the box Line 2 Line 3 [[/div]] 

But don't forget, your users will see square corners if they are using IE.

(iii) Sliding Gallery: On the site you gave this is not done with Wikidot syntax but with flash. I am working (slowly) on a module for this which can wotk with a wikidot site.

How can I do them?

-Ed

• /local--code/admin:themes/#
• /admin:themes/code/#

The # represents the number of the code block that your referring to (i.e. multiple code blocks on the same page).

On the /local--code/ version, if you neglect /#, then it is assumed to be code block 1, and the CSS file's title becomes the page name.

Then in your admin:manage page go to Appearance -> Themes and in the _default category click on the radio button next to "Or use and external theme" and type in /local—code/admin:themes and save.

I think you need /local—code/admin:themes/code/1 (unless I missed something and the /code/1 is assumed now.

-Ed

Atr the moment you've just put your CSS directly onto the page. It won't be read like that, you must wrap your CSS in a code block. So in the case of the code that is currently on your start page, cut it and paste it into admin:themes inside [[code type="css"]] and [[/code]] tags. You are, I think, basing your theme on the Basic theme, so add an@import rule as the first item in your code block followed by the CSS you have currently have on your start page, as shown below:

 [[code type="css"]] @import url(http://static.wikidot.com/v--ce652cbabb3f/common--theme/basic/css/style.css?0); #header { background-image:url(http://eastenclave.wikidot.com/local--files/home/EastEnclaveHead.gif); background-position:left; height:209px; margin-top:20px; padding-bottom:0px; padding-top:0px; } h1 a { background:url(http://eastenclave.wikidot.com/local--files/home/EastEnclaveHead.gif) no-repeat; display:block; filter:alpha(opacity=0); // for IE height:85px; margin-top:25px; margin-left: -10px; opacity: 0; padding-bottom:0px; padding-top:0px; text-align:left; text-indent: -9000px; width:173px; z-index:-100; } [[/code]] 

Save the page.

Then on your start page delete the [[=image EastEnclaveHead.gif size="large"]] code that is in the line after the CSS. Unless you want the image twice it is not needed here because you are putting the image into the CSS.

Then in your admin:manage page go to Appearance -> Themes and in the _default category click on the radio button next to "Or use and external theme" and type in /local--code/admin:themes and save.

If you now do a refresh with ctrl+r you should see the theme applied. If you want to add any further CSS into your theme, just add it inside the codeblock and then save the admin:themes page and do a ctrl+r refresh to apply it.

Adding the following to your custom CSS will place your graphic in the header and make the "East enclave" portion of the image linked to your home page.

 #header { background-image:url(http://eastenclave.wikidot.com/local--files/home/EastEnclaveHead.gif); background-position:left; height:209px; margin-top:20px; padding-bottom:0px; padding-top:0px; } h1 a { display:block; background:url(http://eastenclave.wikidot.com/local--files/home/EastEnclaveHead.gif) no-repeat; height:85px; margin-top:25px; margin-left: -10px; padding-bottom:0px; padding-top:0px; width:173px; text-align:left; text-indent: -9000px; opacity: 0; filter:alpha(opacity=0); // for IE z-index:-100; } 

Be sure to leave the logo file attached to your home page. Deleting the file or relocating it will cause this code to break.

-Ed

If you still are stuck or have specific questions, let us know.

-Ed

[[=image EastEnclaveHead.gif size="large"]]

but naturally its not working. I need to know how to change the header. thanks a lot
Subhrangshu Sekhar Manna
moc.liamg|annam.uhsgnarhbus#moc.liamg|annam.uhsgnarhbus