Comments for page "Design Your Own CSS Theme"

Re: Theme Files

Fri, 05 Dec 2008 10:03:49 +0000

I wasn't jumping at you or anything.
Please don't look down on me. I know what I am doing. Although I am new to CSS I am learning fast. The things you told me were known to me. Also I know of Firebug and Web Developer and I am using them.
As a programmer I can come up with solutions myself. If you look at my first post I didn't ask how I can put an image in my css but if there is a way tu use it without the full url. I guess not.

Re: Theme Files

Fri, 05 Dec 2008 09:53:31 +0000

""I already know that.""

No need to jump down my throat, particularly when I don't think you have quite got this right. What I said in my previous post is the correct way to do it. You do not upload the file for your header to a theme, you upload it to a page on your site and reference it in your custom theme CSS which just happens to be named /local--theme/{yourname}/style.css... as shown in my site below:

Rob

Re: Theme Files

Fri, 05 Dec 2008 09:45:05 +0000

I already know that.
The thing is that the theme css is this one:

 http://.wikidot.com/local--theme//style.css?24

For the files to be used without the full link there should be a way to upload the files to this location:

 http://.wikidot.com/local--theme//

and are generic.

Re: Theme Files

Fri, 05 Dec 2008 09:40:15 +0000

I am talking about my own custom theme on my site.

Re: Theme Files

Fri, 05 Dec 2008 09:34:11 +0000

If you are adding for example a new image in the header of your site the code would be in the format shown below. I uploaded the .jpg file to my css:theme page and then added the reference to it in my custom CSS.

 #header { background-image:url(http://strathviewconsultants.wikidot.com/local--files/css:theme/sc3_header.jpg); ..etc ..etc }

Rob

Re: Theme Files

Fri, 05 Dec 2008 09:31:20 +0000

Are you talking about themes.wikidot.com or your own custom theme on your site?

Theme Files

Fri, 05 Dec 2008 09:20:59 +0000

I would like to use image files like this:

 url(background00.gif)

How can I upload the image files to the themes page?
if I upload to the mytheme page the file link is ../local-files/… but the link required is ../local-theme/… or something similar.

Re: help on Localize theme

Thu, 04 Dec 2008 17:09:51 +0000

It worked!
For now, I'm thinking about the site structure (it is supposed to be a site for presenting the study and, if possible, to have some private "working"pages).
But I'll let you know if I need more help (I think I will).
:)

thanks,
milene

Re: help on Localize theme

Thu, 04 Dec 2008 02:24:28 +0000

If you just want to change the existing image, it's pretty simple. I would create a replacement for the leaf image with the same dimensions (293x220) and upload it to a page (your start page would be a good place for this since it's unlikely you'll ever delete it). Next, create a custom theme (i.e "Localize-extended") and choose "Localize" as the theme to extend. Then add this to the custom CSS box, changing the background-image:url to point to your new header graphic (I saw that you're using localize on your dimatch-hta site so I could give a good example).

 #header { padding:1em 0; margin:0; text-align:left; background-image:url(http://dimatch-hta.wikidot.com/local--files/start/your_new_graphic.jpg); background-repeat:no-repeat; background-position:right center; height: 6em; }

Let us know if you need more help or want to change more of the style.

-Ed

help on Localize theme

Wed, 03 Dec 2008 23:11:06 +0000

I need some help on changing the header's picture for the Localize theme.
Could some one help me?

Thanks,
milene

Re: Customizing the Editor

Fri, 21 Nov 2008 17:23:42 +0000

Yep, was in the odialog.css file just needed to know where to look. The following did it for me. Thanks again!

 .hovertip {color:#000000;} .box444{color:#000000;}

Re: Customizing the Editor

Fri, 21 Nov 2008 17:11:31 +0000

Awesome. Thanks much guys!

Re: Customizing the Editor

Thu, 20 Nov 2008 08:14:12 +0000

I wrote a how to on customising the editor a short while back which is at http://community.wikidot.com/howto:customise-the-wikidot-editor

Edit: oh, re-reading your post I see that you found my how-to on this. I have updated the how-to to show how to change the dialog popup boxes for saving the page and the background colour and text colour of the hover tips.
Rob

Re: Customizing the Editor

Wed, 19 Nov 2008 22:07:54 +0000

Hi Zorya.
i "think" all the css relating to what you are after is in either:
http://zorya.wikidot.com/common--theme/base/css/editor.css

http://zorya.wikidot.com/common--theme/base/css/odialog.css

or both.

Customizing the Editor

Wed, 19 Nov 2008 21:29:49 +0000

I did find a how-to on customizing the input boxes for the editor, however… I was looking to see if anyone knows anything about how to edit other portions of the editor. I have a theme that's light text on a dark background and (I'm guessing) because of that I can't see any of the text in the alt mouseovers and popup windows that work with the wikidot page editor. White on white isn't exactly readable after all. ;) Any thoughts/ideas?

Thanks in advance!

Re: Very helpfull.

Fri, 07 Nov 2008 03:43:15 +0000

Excellent job. Thanks.

Re: Very helpfull.

Thu, 06 Nov 2008 14:48:21 +0000

I wrote a snippet on how to embed zoho sheets here

Rob

Very helpfull.

Thu, 06 Nov 2008 14:34:41 +0000

Very helpfull. Thanks. I wish to find other ways to publish Excel. Maybe with "embed"? From zohoo sheets?
This present way asks a lot of work.
An example at http://georges42.wikidot.com/colores at bottom: a zoho sheet.

Re: I really need Help

Wed, 29 Oct 2008 16:44:59 +0000

i think you are talking about a background image, repeating as in say the quake theme. This is done using css as a background image, in custom themes.
Where you want to place it will depend on how it is done.

If you intend to mess with CSS then as myself and so many others have repeatedly said, get ff with the web dev addon, and start to play :-)

Re: I really need Help

Wed, 29 Oct 2008 15:41:18 +0000

Welcome to wikidot. As far as I know there is nothing in the wikidot code which allows you to have an image that loads then repeats. If you need an image or a series of images to display over and over this would need to be done in flash I think. The easiest way to create a flash image series without having to learn flash is to join Sprout Builder which is free. You could build your slideshow there and save it as a flash .SWF file and then embed it in your wiki using an iframe. I think Sprout Builder is a great application. The other way is to to program it using Adobe's Flex Builder 3 as I did here but that is neither free nor particularly easy and takes you into a whole different area of rich application development. The reason I used flex for these images was that when I did the same thing in Sproutbuilder, quite often the images wouldn't show the first time you went into the site. After navigation then going back to the homepage it was fine. I'm not sure whether that was a sproutbuilder or a wikidot issue but it irritated me so I did it in flex instead but that's no reason not to give sprout builder a try.

That is a very long-winded way of saying that if I've understood your question correctly that my recommendation would be to create a slideshow in Sprout Builder and embed it.

Rob