A więc żeby taki efekt otrzymać na szablonie Red trzeba trochę się przyłożyć i stworzyć trochę grafiki, którą połączymy jednym kodem. A więc do dzieła ( na samym początku uprzedzam, że to dla jednego może wydawać się trudne a dla drugiego łatwe). Przygotowując się do zmiany wyglądu naszej strony musimy się zaopatrzyć w program do grafiki: Gimp (darmowy program graficzny) Lub Photoshop (jest to program graficzny bardzo rozwinięty, lecz płatny, ale na spokojnie starczy nam wersja 30 dniowa). To teraz czas do pracy. Jednemu wystarczy jak się poda wymiary elemętów a drugiemu będzie potrzebny dany elemęt żeby go przerobić (ja na przykład potrzebuję najpierw oryginalną grafikę, którą przerabiam na własną). Wymiary poszczególnych elemętów: Buttony, (czyli przyciski menu (samej listy bez nawigacji): 202x28 pikseli Rebutton, (czyli nawigacja menu i okienek po prawej stronie): 184x28 pikseli Buttongif, (czyli nawigacja głównej kolumny, ten pasek, co znajduje się nad tekstem na stronie): 519x35 pikseli Nagłówek (inaczej logo strony) 1000x178 pikseli Pas po lewej i prawej stronie strony (zazwyczaj zaczynający się w za nagłówkiem a kończący wraz z końcem strony [w moich szablonach jest on przeważnie czarnym pasem]): 22x7815 pikseli Pas na dole strony, (który powoduje, że strona jest ułożona w prostokąt [ jest to tak jak by zakończenie strony]): 7815x22 piksele Tło, (czyli to, co znajduje się za stroną): wymiary, jakie nam się podobają, jeżeli obrazy będą za małe to zostaną automatycznie powielone. No to chyba już na tyle o wymiarach (ci, którzy potrzebują obrazków to mogą je znaleźć w jednym z szablonów zamieszczonych na stronie) Teraz zaczną się schody Zabieramy się za kod, w którym trzeba w odpowiednie miejsca zamieścić linki do naszych grafik (dobrym hostingiem grafiki jest fotosik.pl, który powoli wgrywa na serwer zdjęcia, ale zawsze są takie same jak wgraliśmy, nie pomniejsza ich ani nie zniekształca). Kod: <style> <!-- /* Diesen Teil nicht rauslöschen*/ /* Copyright by enrike0-10*/ /* Allgemein */ body{background-image:url( Link do tła strony );background-repeat:;} a {color:red;} a:hover {color:yellow; text-decoration: underline;} a.rednav{color:#E5FF00;} a.rednav:hover {color:#FF0000; text-decoration: underline;} td.edit_button_bg{background-image:url( Button 1 );} td.edit_button_bg:hover{background-image:url( Button 2);} td.edit_links_bg, td.edit_bottom_bg,td.edit_rechts_bg{background-image: none;background-color: #000000;} td.edit_bottom_bg img{visibility: hidden;} td.edit_content_header{height: 55px;background-image: url( Buttongif );background-color: #000000;border: 3px solid #000000;} td.edit_page_main2{background-image: none;background-color: #000000;} td.edit_main_bg, td.edit_page_main_bg{background-image: none;background-color: #000000;} td.rb_over, td.edit_rechts_header2{background-image: url(https://img.webme.com/pic/h/html-kodlari-css/naazimcakenarsag.png);background-color: #000000;} td.rb_footer{visibility: hidden;} td.rb_right_mini{background-color: #000000;width: 10px;} td.edit_rechts_header {background-image: url( Buttony po prawej stronie ); width: 195px;          height: 28px;} td.content_over img{visibility: hidden;} td.cont_bottom img{visibility: hidden;} td.edit_content_bg{background-image: none;background-color: #000000;} td.cont{color: #ffffff;} td.edit_rechts_bg{color: #ffffff;} td.rb_footer{background-image: url(URL);background-color: #000000;} td.rb_bottom2{background-image: url(URL);background-color: #000000;} td.rb_footer img{visibility: hidden;height: 0px;} td.edit_rechts_bg_unten{background-image: none;} td.edit_header{background-image: none;} td.edit_navhead{background-image:url( Rebutton );} td.edit_zeile{background-image: url(https://img.webme.com/pic/s/siiristan/sagkaranaazimca.jpg);} td.edit_rechts_bg_unten{background-image: url( Pas po boku );background-repeat:no-repeat;}      td.edit_content_header{background-image: url( Buttongif );background-repeat:no-repeat;} td.edit_rechts_bg_unten{background-image: url( Pas po boku );background-repeat:no-repeat;} td.edit_links_bg{background-image: url(  Pas po boku );background-repeat:no-repeat;} td.edit_rechts_bg{background-image: url( Czarny Pas po boku );background-repeat:no-repeat;} --> </style> <style type="text/css"> <!-- td.edit_header{background-image: url(  Nagłówek ); --> </style type="text/css"> <!-- html, body { text-align: center; } --> </style> Button1,; czyli button przed najechaniem myszką Button2,  czyli button po najechaniu myszką Gdy nasz kod już zostanie przeanalizowany i powklejamy w odpowiednie miejsca nasze linki do obrazków pozostaje nam tylko jedno: WKLEIĆ NASZ KOD W TEKST NAD PROJEKTEM I po tej czynności zapisać. O tej lektorce odsyłam do działu z buttonami, nagłówkami i inną grafiką dla spróbowani zrobienia swojego 1 szabloniku, jak on nam wyjdzie to i ten nasz jedyny wymarzony też na wyjdzie. JEŻELI CZEGOŚ NIE ZROZUMIAŁES/ŁAŚ NAPISZ U DOŁU W KOMENTARZACH A JEŻELI ODPOWIEDŹ SIĘ NIE POJAWI W CIĄGU 24 H NAPISZ NA FORUM STRONY .