Adding A Site Logo / Discussion

This is the discussion related to the wiki page Adding A Site Logo.

page 1 of 212next »

sayanriju 29 Jun 2007 09:18

Good tip, mate! :)
Just to add : I've used http://cooltext.com to get my own custom logo text, and then adjusted the CSS slightly to its size!

Re: Logo

PanfiloFelix 31 Oct 2007 22:09

I've put the code in, but my logo does not appear. What gives?

#header {
height: 120px;
}
#header h1 a span{
display: none;
}
#header h2 {
display: none;
}
#header h1 a,#header h1 a:hover{
margin: 0;
padding: 0;
background-image: url(/local—files/start/logo.jpg);
height: 87px;
width: 508px;
position: absolute;
top: 10px;
left: 20px;
}

Re: Logo

Mountain Mule 16 Dec 2007 04:39

I had the same problem.

Changed the following line to my image url as follows:

Before:
background-image: url(/local—files/start/logo.jpg);

After:
background-image: url(http://mywikidotsite.wikidot.com/local--files/start/logo.jpg);

And now it all works fine.

Re: Logo

Brian S 24 Sep 2008 22:37

THANK YOU! Finding this URL fix just saved me a huge headache.

Re: Logo

Kraken Skulls 03 Nov 2010 21:27

OMG I JUST SPENT SO LONG TRYING TO GET THIS TO WORK! All cuz I didn't read the forum comments. The author needs to FREAKING CHANGE THE DANG WIKI SO HIS CODE WORKS AND I DONT WASTE HOURS TRYING TO GET A STUPID BANNER UP. Ugh.,

Re: Logo

leiger 04 Nov 2010 02:34

Is it working now?

Please post a link to your site, and the code you are using, if it isn't.

---

~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server

Re: Logo

Helmut_pdorf 04 Nov 2010 06:09

I have changed the code to the correct syntax now….

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Re:

zefa 24 Jul 2008 16:37

Thanks for the link man very helpful

Data Entry Work From Home

john1 09 Oct 2007 08:12

online jobs, work at home, from home work, data entry, typing jobs, paid survey, complete online survey, make money online, make money at home, home job work, type jobs at home, get paid for online sur0vey, free opportunities, type at home jobs, make money from home, work from home

Data Entry Jobs

john1 12 Oct 2007 07:13

Make money typing ads online, online jobs, work at home, from home work, data entry, paid survey, complete online survey, make money online, make money at home, home job work, type jobs at home, get paid for online survey, free opportunities

Didn't work for me.

amerune 12 Nov 2007 00:29

Also, on the instructions page it says your new theme won't be updated automatically, but must be "synched" "here." Unintelligible. :-<

Good tip!

karl3i 14 Jun 2008 11:53

Thanks for that :)

Here is my piece of code to:

• increase a little bit the header height
• increase a little bit the image width
• put a PNG instead of the JPG (using transparency)

Here is the code:

#header {
height: 120px;
}
#header h1 a span{
display: none;
}
#header h2 {
display: none;
}
#header h1 a,#header h1 a:hover{
margin: 0;
padding: 0;
background-image: url(http://dents-de-sagesse.wikidot.com/local--files/start/logo.png);
height: 90px;
width: 502px;
position: absolute;
top: 10px;
left: 20px;
}

Here is the result:
http://dents-de-sagesse.wikidot.com/

Happy wikying to all!

Re: Good tip!

wowstrategy 03 Jul 2008 03:01

i tried putting this exact code into mine, no image. i cant get this tip working at all, no image shows up.

Re: Good tip!

wowstrategy 03 Jul 2008 03:12

it doesnt seem to work when extending shiny…any ideas?

Extending Shiny For Logo Insertion

KeysoftServices 14 Jul 2008 03:32

Hi Here is my piece of code to:Logo Insertion

#header-extra-div-1 {
height: 150px;
width: 200px;
float: left;
background-image: url('http://keysoftbiservices.wikidot.com/local--files/start/KEYSOFT%20LOGO');
background-repeat: no-repeat;
padding: 0;
position: absolute;
top: 5px;
right:102%;
}

Here is the result:
http://keysoftbiservices.wikidot.com/

Regards

Re: Extending Shiny For Logo Insertion

VashTexan 06 Sep 2008 20:24

I'm not certain about your image, but using that code, it cuts off a considerable amount of the image. For me the right:102%; worked much more exact as right:101.12%; , by painstakingly testing it little by little. I could get even more exact, but I don't think the differences would be noticeable that far.

Don't forget

viszlai 17 Jun 2008 14:49

In my version the file name was Case sensitive logo.JPG vrs logo.jpg

---

end of post

REFRESH!

VashTexan 06 Sep 2008 20:31

I tried all three versions of the code and none of them seemed to work…
SOLUTION: REFRESH THE PAGE!!! Even when you click on the start page several times, the image / updated image wont show up, UNLESS you refresh the page. I think even if you just visit the website again after closing the browser the image wont show. Your browser pre-fetches / caches items (stores them on your hard-drive), so that loading will be faster the next time you visit the page, so it will use those instead of getting them for the server. Only refreshing will solve the problem.

Last edited on 06 Sep 2008 20:37 by VashTexan Show more

Inserting images from a hard drive into a wiki page

Bill Buchanan 09 Feb 2009 20:56

The Wiki Syntax about images is indecipherable and doesn't seem to address how to simply insert an image from your hard drive, much as you would into a Word doc. Anyone have any ideas?

Thanks,

Bill Buchanan

Re: Inserting images from a hard drive into a wiki page

Helmut_pdorf 10 Feb 2009 08:57

You cannot insert images from your "internal" hard disk "directly" !( instead external omages from flickr, or from other storages ( =url) in the internet-cloud..

You have first to "upload" your images onto one of your pages (attach them) with the "files" button.
( and store them on wikidot.ocm)

1. Be careful to write the correct file-ectension
2. Be careful to write no space in the file-name.

3. Than you can easily insert the images from your "local" storage on wikidot.com on any page of your site.

Links:
http://handbook.wikidot.com/en:introduction-to-images
http://handbook.wikidot.com/en:upload-an-image

http://community.wikidot.com/howto:put-pictures-with-footnotes-in-the-text

or (more advanced):
http://community.wikidot.com/howto:put-pictures-with-footnotes-in-the-text-using-divs

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

help

Dragon King 26 May 2009 04:08

how do you get the logo to cover the entire top of the page?

Re: help

Helmut_pdorf 26 May 2009 16:02

http://community.wikidot.com/howto:use-logo - hope there is the answer - clickable logo at the top.

I know that RobElliott has a logo over the complete top-area..

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Re: help

Dragon King 27 May 2009 03:33

Thank you.

balbotta 13 Nov 2009 15:35

Hey eveyrbody, I've put in the code, but the logo doesn't appear.
Can anybody help me out? The theme on which I'm working is the Localize one.

Thanks!

please , show us here your code!

Helmut_pdorf 13 Nov 2009 16:16

or nobody can help you !

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Re: please , show us here your code!

balbotta 16 Nov 2009 10:39

Hello.
Sorry I forgot to post the code. here it is:

#header {
height: 100px;
display: none;
display: none;
margin: 0;
padding: 0;
background-image: urlhttp://nataleitaliano.wikidot.com/local—files/start/logo.PNG);
height: 90px;
width: 500px;
position: absolute;
top: 10px;
left: 20px;

The only logo that gets showed is the Localize theme one, and not mine.

Last edited on 16 Nov 2009 10:41 by balbotta Show more

Re: please , show us here your code!

Helmut_pdorf 16 Nov 2009 11:01

I think your code is wrong..
urlhttp:..../ should be
background-image: url(ttp://nataleitaliano.wikidot.com/local--files/start/logo.PNG);

missing opening ( …

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Re: please , show us here your code!

balbotta 16 Nov 2009 11:10

thanks!
I changed the code correcting the typo but it doesn't work anyways… :(

Re: please , show us here your code!

Helmut_pdorf 16 Nov 2009 12:02

I made a typo too ! ( url(ttp://nat instead of url(http://nat…)

Questino :
1. Where did you get the file name - from Info.-button?
2. is the extension really PNG and not png ?
Try to rename the file name. to lower character and change the url…

and have a look on type too in comparison with the others above in the thread..

AND: have you setup in your site manager this custom changes to use?

AND: have you .reset your browser - cache - it is often not showing new changes without deleting all cached informations..

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Re: please , show us here your code!

Helmut_pdorf 16 Nov 2009 14:32

I had a look at the top of this page and see some differences… in comparison to your code:

#header {
    height: 100px;
}
#header h1 a span{
    display: none;
}
#header h2 {
    display: none;
}
#header h1 a,#header h1 a:hover{
    margin: 0;
    padding: 0;
    background-image: url(/local--files/logo.jpg);
    height: 90px;
    width: 500px;
    position: absolute;
    top: 10px;
    left: 20px;
}

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Re: please , show us here your code!

balbotta 17 Nov 2009 13:35

Hey, I tried both using this last piece of code and correcting the typo above, but it still doesn't work! :(

Could it be the localize template I'm working on?! Shall I use another one?

edit: I tried using other themes, but it's not working anyways.

Last edited on 17 Nov 2009 13:38 by balbotta Show more

Re: please , show us here your code!

Helmut_pdorf 17 Nov 2009 14:50

Some useful links:

http://community.wikidot.com/howto:use-logo <==== ! !
http://community.wikidot.com/howto:design-your-own-css-theme
http://community.wikidot.com/howto:fiddle-with-css-the-easy-way

and my questions:
Have you created your own "custom" theme?

Have you used the [[code type="CSS"]] ?
giving :

#header {
height: 100px;
display: none;
display: none;
margin: 0;
padding: 0;
background-image: url(http://nataleitaliano.wikidot.com/local—files/start/logo.PNG);
height: 90px;
width: 500px;
position: absolute;
top: 10px;
left: 20px;

And: I miss here in your code thew beginning lines of the Code:

---

#header {
height: 120px;
}
#header h1 a span{
display: none;
}
#header h2 {
display: none;
}
#header h1 a,#header h1 a:hover{
margin: 0;
padding: 0;
background-image: url(/local—files/start/logo.jpg);
height: 87px;
width: 508px;
position: absolute;
top: 10px;
left: 20px;
}

---

And: do you use an css-page wiothg the code ( have you "synchronized" it ?)
or are you typing the code directly into your custom theme?

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Last edited on 17 Nov 2009 14:58 by Helmut_pdorf Show more

Re: please , show us here your code!

leiger 17 Nov 2009 23:10

Hey, I tried both using this last piece of code and correcting the typo above, but it still doesn't work! :(

After changing your CSS:

1. Press Ctrl+Shift+Del , and confirm that you want to clear your cache
2. Press Ctrl+R to refresh the page

You may need to refresh twice.

Do this every time you make a change to the theme.

---

~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server

Last edited on 17 Nov 2009 23:10 by leiger Show more

page 1 of 212next »