A magyar lokalizáció fejlesztése és támogatása jelenleg meghatározatlan ideig fel van függesztve, így ezen a fórumon kicsi a valószínűsége annak, hogy valaki segíteni fog. Gyorsabb segítséghez próbáld meg feltenni a kérdésedet az angol fórumon (ajánlott) vagy a uCoz Facebook oldalán.
  • Oldal 1 / 1
  • 1
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
bigblog
Üzenetek: 1664
Hírnév: 47

Üzenet # 1 | 20:44
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!

Ingyenes erőforrások uCoz-os honlapodra!

uCoz csapattag, 2013. október - 2017. szeptember.
bigblog
Üzenetek: 1664
Hírnév: 47

Üzenet # 2 | 21:33
#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

Ingyenes erőforrások uCoz-os honlapodra!

uCoz csapattag, 2013. október - 2017. szeptember.
bigblog
Üzenetek: 1664
Hírnév: 47

Üzenet # 3 | 22:16
#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.

Ingyenes erőforrások uCoz-os honlapodra!

uCoz csapattag, 2013. október - 2017. szeptember.
bigblog
Üzenetek: 1664
Hírnév: 47

Üzenet # 4 | 15:12
#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


Ingyenes erőforrások uCoz-os honlapodra!

uCoz csapattag, 2013. október - 2017. szeptember.
uCoz közösség » Webmester-részleg » A honlap külalakjának testreszabása » Alap sablonok megváltoztatása
  • Oldal 1 / 1
  • 1
Keresés: