Wiele ludzi nie wie, jak zrobić to, żeby zakodować Header. Wybieramy sobie obrazek, który chcemy zakodować(O Odaniu Headeru w innym temacie). Mój jest to wymiary 101x35. Wklejamy go na FTP do Folderu:
Templates>>NazwaStylu>>Images/Obrazki(zależy od nazwy). Wkleiliśmy a dalej go nie ma na forum w danym miejscu?
Nie martw się musisz go dodać do pliku nazwastylu.css, u mnie to wygląda tak:
/* General page style. The scroll bar colours only visible in IE5.5+ */ body { background: url(images/bgforum.jpg) #FFFFFF repeat-x; margin:0 auto; padding:0; text-align:center; font-family:tahoma; } /* DIV style */ #content {width:1300px; height:auto; padding:0; background-color:#FFFFFF; margin:0 auto;} /*stała szerokość forum oraz kolor tła forum*/ #wraper {width:1300px; height:auto; padding:0; margin:0 auto; } /*szerokość tabel forum poniżej topa i menu*/ #forum {width:1300; height:1000;} #logo {background: url(images/header.png) no-repeat; overflow:hidden; width:1300px; height:173px; text-align:left;} /* ustawienia topa strony */ .info {width:1100px; height:28px; padding-top:7px;} .witajna{float:left; margin-left:90px; padding-top:2px; color:#ffffff; font:11px Tahoma;} /* ustawienia napisu witamy na... */ #stopka {background: url(images/stopka.jpg) no-repeat; overflow:hidden; width:1100px; height:59px; padding:0; margin:0 auto;} /* ustawienia stopki strony */ #linki {float:left; width:1002px; height:19px; color:#ffffff; font:10px Tahoma; padding-top:2;} #stopka1 {float:left; width:1002px; height:40px; padding-top:12px;} /* Reklama */ .reklama {background: url(images/xxx.png) no-repeat; width:0px; height:60px; position:relative; float: right; margin-top: 42; margin-right:79px;} /* Menu */ .menu{ background: transparent url(images/menubg.png) no-repeat; height:43px; position:relative; left: 0px; top: -68px; float: left; margin-left:76px ;} .glowna {background: url(images/forum.png) no-repeat; width:101px; height:35px; position:relative; left: 0px; top: 4px; float: left; margin-left:76px;}
Interesuje nas teraz ustawienie naszego obrazka w odpowiednim miejscu na Headerze. Potrzebujemy:
-Nazwy naszego obrazka na FTP
-Jego wymiarów
- Poniższego Kodu:
.glowna {background: url(images/forum.png) no-repeat; width:101px; height:35px; position:relative; left: 0px; top: 4px; float: left; margin-left:76px;}
Tam gdzie mamy:
"{background: url(images/forum.png)" Zamiast Forum wpisujemy nazwę naszego pliku.
"no-repeat;" Zostawiamy bez zmian bo będzie nam się powtarzać(O tym nie tutaj)
"width:101px; height:35px;" Wymiary naszego Obrazka(Oczywiście zmieniamy taki jaki jest nasz)
"position:relative; left: 0px; top: 4px; float: left; margin-left:76px;}" I dochodzimy do momentu, który nas najbardziej interesuję czyli umiejscowienie. Czyli zamiast "Left:" "0px" Wpisujemy tyle ile ma się znajdować od lewej krawędzi nasz obrazek. Możemy też wpisać Right i będzie się on znajdował od prawej strony
"Top: 4px;" Tutaj umiejscowienie od Góry tak samo jak w przypadku Left/Right tylko nie znajduję się on od dołu.
" float: left; margin-left:76px;}" Tutaj możemy zmienić z Left na Right, tak jak u góry. "Margin-left:76px" Jaka odległość od lewej krawędzi ma się znajdować obrazek.
Poradnik zostanie poprawiony. Bo teraz nie mam zbytnio pomysłów co jeszcze poprawić.
W Razie wątpliwości piszemy pod Postem.
Kopiowanie bez podanie źródła i Autora Zabronione
Hodana