|
   |
| A fórum moderátora: KovJonas |
| uCoz közösség Webmester-részleg A honlap külalakjának testreszabása Alap sablonok megváltoztatása |
| Alap sablonok megváltoztatása |
A sablonok külalakjának szerkesztése uCoz-ban HTML és CSS ismeretekkel történhető meg. A következő hozzászólásokban megmutatjuk, hogyan módosíthatjuk az alap elemek külalakját az összes alapértelmezett uCoz-os sablonban. A hozzászólások csak a módosítható képeket foglalják magukba. Ezeket a képeket letöltjük, szükség szerint szerkesztjük, feltöltjük, és a megjelölt kódokban módosítjuk a leírt URL-címet a feltöltött kép URL-címével. A régi és új kép mérete egyezzen meg, különben a sablon hibásan fog kinézni. A képek szerkesztéséhez speciális képszerkesztő használatát ajánlom (Photoshop, Gimp, PhotoFiltre stb.). Ha kérdése van a sablonok szerkesztésével kapcsolatban, előbb keressen a fórumon majd ha nem talált választ kérdésére, tegye fel azt ebben a témában! Ha egy adott sablon külalakjának módosítását szeretné megkeresni, keressen ezzel a keresővel:
Sablon száma: A sablon száma előtt a # jel nem kell! |
#999-es sablon megváltoztatása A sablon nem támogatja a fejléc-szerkesztőt!  1. A fejléckép cseréje  A Vezérlőpult >> Külalak szerkesztése >> A honlap felső része sablonban keresse meg ezt a kódot: Kód <td height="128" align="right" style="background:url('/.s/t/999/5.jpg') no-repeat #319F00;padding-right:30px;"> Módosítsa a fenti leírásnak megfelelően a következő képet: /.s/t/999/5.jpg 2. A blokk-cím hátterének megváltoztatása  A Vezérlőpult >> Külalak szerkesztése >> Első container és Második container sablonokban keresse meg ezt a kódot: Kód <td height="17" style="background:url('/.s/t/999/3.gif') #5DAA3B;color:#FFFFFF;border:1px solid #FFFFFF;font-size:10px;padding-left:10px;"> Módosítsa a fenti leírásnak megfelelően a következő képet: /.s/t/999/5.jpg |
#823-as sablon megváltoztatása A sablon nem támogatja a fejléc-szerkesztőt!  1. A fejléckép cseréje  A Vezérlőpult >> Külalak szerkesztése >> Stílusok táblázata (CSS) sablon 4. sorában ez a kódsor található: Kód #contanier {width: 1000px; margin-left: auto; margin-right: auto; background: url('/.s/t/823/2.jpg') no-repeat #000000; padding: 0; text-align: left;} A kódban keressük meg a /.s/t/823/2.jpg címet és módosítsuk a feltöltött kép URL-címére. 2. A blokk-cím hátterének megváltoztatása  Szintén a fent említett sablonban, a 18. és 19. sorban ezt a kódot találjuk: Kód .boxTable th {font-size:9pt;color:#000000;padding-bottom: 12px; vertical-align: middle;margin:0;text-align:center; height: 33px; background: url('/.s/t/823/4.gif') center top no-repeat;} .boxContent {margin-left:auto;margin-right:auto;width:100%;padding:5px 15px;text-align:left;} A kódban a /.s/t/823/4.gif URL-címet cseréljük le. |
#821-es sablon megváltoztatása A sablon nem támogatja a fejléc-szerkesztőt!  1. A fejléckép cseréje  /.s/t/821/1.gif A lenti kódban módosítsa a képet a fenti leírásnak megfelelően.  /.s/t/821/2.gif A lenti kódban módosítsa a képet a fenti leírásnak megfelelően.  /.s/t/821/3.gif A lenti kódban módosítsa a képet a fenti leírásnak megfelelően. A Vezérlőpult >> Külalak szerkesztése >> A honlap felső része sablonban keresse meg ezt a kódot: Kód <table cellpadding="0" cellspacing="0" border="0" height="100%" width="100%"> <tr><td colspan="3" style="background:url('/.s/t/821/1.gif') left bottom no-repeat;padding-left:120px;"><span style="color:#6B6F5F;font:20pt bold Verdana,Tahoma;"><b><!-- <logo> -->Az én honlapom<!-- </logo> --></b></span></td></tr> <tr><td height="55" width="159"><img src="/.s/t/821/2.gif" border="0"></td><td height="55" style="background:url('/.s/t/821/3.gif');font-size:10px;color:#6B6F5F;"> 2. A blokk-cím hátterének megváltoztatása  Gyors cserével keresse meg az alábbi kódot: Kód <tr><td height="36" style="background:url('/.s/t/821/8.gif') #F2A61A;color:#FEFFF4;" align="center"> A Mire cserélni mezőbe ugyanazt a kódot illesztjük be, de itt a fenti leírásnak megfelelően a következő képet: /.s/t/821/8.jpg 3. A háttérszín módosítása Gyors cserével keresse meg az alábbi kódot: Kód <body style="background:#EBEDD7; margin:0px; padding:0px;"> A Mire cserélni mezőbe ugyanazt a kódot illesztjük be, de itt a fenti leírásnak megfelelően a következő CSS színkódot: #EBEDD7 |
| |||
| |||