Druhý sloupec
Chcete mít na stránkách sloupce po obou stranách a ne jen na jedné? Postupujte podle návodu.
Kompatibilita
Současná verze eStránek: | ANO | |
Nová verze eStránek: |
NE | - Jiná struktura CSS a XHTML šablon. |
Testováno 26. srpna 2009
Šablona A - E
1. V CSS před poslední } vložte toto:
#submenu2{ float: right; } #main { width: 570px; } |
570px - U šablony A změňte na 592px, u šablony C 547px a u šablony D 545px. Pokud jste si rozšířili stránku, tuto hodnotu musíte zvětšit o tolik, o kolik jste si rozšířili stránku.
2. V XHTML (Nastavení - Vzhled - Design - Upravit kódu šablony) v Hlavní šabloně najdi toto:
<div id="main"> <div id="text"><div id="text-in"> <!-- user_navigace --> <!-- user_obsah --> </div> </div> <hr /> <div id="submenu" style="float:left;"> <div id="submenu-in"> <!-- user_portret --> <!-- user_menu --> <!-- post_lista2 --> <!-- user_fotoalba --> <!-- user_poslednifotoalbum --> <!-- user_odkazy --> <!-- user_hledani --> <!-- user_kalendar10 --> <!-- post_lista4 --> <!-- user_toplist --> </div></div> <div class="clear"> </div> </div> <div class="clear"> </div> |
3. Změň na:
<div id="submenu2"> <div id="submenu"> <div id="submenu-in"> <!-- user_odkazy --> <!-- user_hledani --> <!-- user_kalendar10 --> <!-- post_lista4 --> <!-- user_toplist --> </div></div></div> <div id="main"> <div id="text"><div id="text-in"> <!-- user_navigace --> <!-- user_obsah --> </div> </div> <hr /> <div id="submenu"> <div id="submenu-in"> <!-- user_portret --> <!-- user_menu --> <!-- post_lista2 --> <!-- user_fotoalba --> <!-- user_poslednifotoalbum --> </div></div> <div class="clear"> </div> </div> <div class="clear"> </div> |
červeně - Obsah levého sloupce, můžete si tam dát, co chcete.
modře - Obsah pravého sloupce.
Dále pokračujte, pokud máte šablonu C
4. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:
#main { background: url("<!-- cssimgroot -->03prechod.gif") repeat-x; padding-top: 50px; } |
5. Přidejte modrý text:
#main, #submenu2 { background: url("<!-- cssimgroot -->03prechod.gif") repeat-x; padding-top: 50px; } |
6. Zúžte si logo o 194 pixelů.
To je vše.
Šablona G
1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:
#text { float: right; width: 537px; color: #333333; overflow: hidden; } |
2. Změň na:
#text { width: 314px; color: #333333; overflow: hidden; } |
314px - To je šířka textové oblasti, pokud jste si rozšířili stránky, musíte tuto hodnotu zvětšit o tolik, o kolik jste si stránku rozšířili.
3. V CSS před poslední } vložte toto:
#submenu2{ float: right; } |
4. V XHTML (Nastavení - Vzhled - Design - Upravit kódu šablony) v Hlavní šabloně najdi toto:
<div id="main"> <div id="text"><div id="text-in"> <!-- user_navigace --> <!-- user_obsah --> </div> <div id="footer"><div>© 2005 - 2008 eStránky.cz | Vytvořeno službou <a href="<!-- glob_serverroot -->">eStránky.cz</a></div></div> </div> <hr /> <div id="submenu"> <div id="submenu-in"> <!-- user_menu --> <!-- user_portret --> <!-- post_lista2 --> <!-- user_fotoalba --> <!-- user_poslednifotoalbum --> <!-- user_odkazy --> <!-- user_hledani --> <!-- user_kalendar10 --> <!-- post_lista4 --> <!-- user_toplist --> </div></div> <div class="clear"> </div> </div> <div class="clear"> </div> |
5. Změň na:
<div id="main"> <hr /> <div id="submenu2"> <div id="submenu"> <div id="submenu-in"> <!-- user_odkazy --> <!-- user_hledani --> <!-- user_kalendar10 --> <!-- post_lista4 --> <!-- user_toplist --> </div></div></div> <div id="submenu"> <div id="submenu-in"> <!-- user_menu --> <!-- user_portret --> <!-- post_lista2 --> <!-- user_fotoalba --> <!-- user_poslednifotoalbum --> </div></div> <div id="text"><div id="text-in"> <!-- user_navigace --> <!-- user_obsah --> </div> <div id="footer"><div>© 2005 - 2008 eStránky.cz | Vytvořeno službou <a href="<!-- glob_serverroot -->">eStránky.cz</a></div></div> </div> </div> |
červeně - Obsah levého sloupce, můžete si tam dát, co chcete.
modře - Obsah pravého sloupce.
To je vše.
Šablona I
1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:
#text { height: 400px; background: url("<!-- cssimgroot -->i/main1.gif") repeat-y right top; } #main #main-in>#text { min-height: 400px; height: auto; } #text-in { width: 100%; /*overflow:hidden;*/ overflow: none; } #content .in { padding: 0px 0px 5px 10px; color: #007ed7; } .userarea { width: 100%; overflow:hidden; background: #fff; } |
2. Změň na:
#text { height: 150px; background: url("<!-- cssimgroot -->i/main1.gif") repeat-y right top; } #main #main-in>#text { min-height: 400px; height: auto; } #text-in { width: 100%; /*overflow:hidden;*/ overflow: none; } #content .in { padding: 0px 0px 5px 10px; color: #007ed7; } .userarea { width: 100%; overflow:hidden; background: #fff; position: relative; left: 10px; } |
150px - To je šířka textové oblasti, pokud jste si rozšířili stránky, musíte tuto hodnotu zvětšit.
3. V CSS na konec vložte toto:
#submenu2{ float: right; } |
4. V XHTML (Nastavení - Vzhled - Design - Upravit kódu šablony) v Hlavní šabloně najdi toto:
<div id="text"> <div id="text-in"> <div id="submenu"> <!-- user_portret --> <!-- post_lista2 --> <!-- user_fotoalba --> <!-- user_poslednifotoalbum --> <!-- user_odkazy --> <!-- user_kalendar10 --> <!-- post_lista4 --> <!-- user_toplist --> </div> <div id="content"> <div class="in"> <div class="userarea"> <!-- user_obsah --> </div> </div> </div> <div class="end"> </div> </div> </div> <div class="cleaner"> </div> </div> <!-- konec main-in--> |
5. Změň na:
<div id="text"> <div id="text-in"> <div id="submenu"> <!-- user_odkazy --> <!-- user_kalendar10 --> <!-- post_lista4 --> <!-- user_toplist --> </div> <div id="submenu2"> <div id="submenu"> <!-- user_portret --> <!-- post_lista2 --> <!-- user_fotoalba --> <!-- user_poslednifotoalbum --> </div> </div> <div id="content"> <div class="in"> <div class="userarea"> <!-- user_obsah --> </div> </div> </div> <div class="end"> </div> <div class="end"> </div> </div> </div> <div class="cleaner"> </div> </div> <!-- konec main-in--> |
červeně - Obsah levého sloupce, můžete si tam dát, co chcete.
modře - Obsah pravého sloupce.
To je vše.
Šablona J
1. V CSS (Nastavení - Vzhled - Design - Upravit CSS šablony) najdi toto:
#content { overflow: hidden; position: relative; float: left; width: 484px; _width: 514px; margin-top: -20px; padding: 20px 15px 0; background: #fff url('<!-- cssimgroot -->j/2/content_top.jpg') left top no-repeat; } |
484 a 514 - Obě hodnoty snižte o 244.
2. V XHTML (Nastavení - Vzhled - Design - Upravit kódu šablony) v hlavní šabloně najdi toto:
<div id="text"> <div id="text-in"> <div id="submenu"> <!-- user_portret --> <!-- post_lista2 --> <!-- user_fotoalba --> <!-- user_poslednifotoalbum --> <!-- user_odkazy --> <!-- user_hledani --> <!-- user_kalendar10 --> <!-- post_lista4 --> <!-- user_toplist --> </div> <div id="content"> <div class="in"> <!-- user_navigace --> <div class="userarea"> <!-- user_obsah --> </div> </div> </div> |
3. Změň na:
<div id="text"> <div id="text-in"> <div id="submenu" style="position: absolute; margin-left: 514px; background: url(http://www7.estranky.cz/img/user/j/2/content_top.jpg) -268px 0px no-repeat;"> <!-- user_odkazy --> <!-- user_hledani --> <!-- user_kalendar10 --> <!-- post_lista4 --> <!-- user_toplist --> </div> <div id="submenu"> <!-- user_portret --> <!-- post_lista2 --> <!-- user_fotoalba --> <!-- user_poslednifotoalbum --> </div> <div id="content"> <div class="in"> <!-- user_navigace --> <div class="userarea"> <!-- user_obsah --> </div> </div> </div> |
514 - Pokud jste si rozšířili stránku, tak většte tuto hodnotu o tolik, o kolik jste si rozšířili stránku.
2 - Číslo změňte vaší barvy šablony: 1 hnědá, 2 černá, 3 červená, 4 fialová, 5 modrá a 6 zelená
červeně - Obsah levého sloupce, můžete si tam dát, co chcete.
modře - Obsah pravého sloupce.
To je vše.
Komentáře
Přehled komentářů
Dej sem odkaz
navi - Šablona D
Když to udělám podle tvého návodu, tak se mi zobrazí uprostřed pouze úvodní stránka a ostatní příspěvky až pod rubrikama příspěvků, nevím co s tím.
Andrej - DRUHY STLPEC NA SABLONU J
Vedel by si urobit druhy stlpec aj na sablonu J???? Velmi by sa mi to hodilo ...
Bellíko Vojtinez - Druhý sloupec
řídil jsem se podle tvého návode, ale ukázalo se mi, že jméno již existuje a že to změna nebude uložena
Tomáš Hypeš - RE:zkouším to
Máš nastavené upravené CSS? Pokud ti to stále nepůjde, tak mi napiš na mail nebo ICQ.
petr - zkouším to
ZKOUŠÍM TO podle návodu a mám pořád levé menu dole a žádné pravé nemám. nevím, co dělám špatně..www.najmo.estranky.cz
díky
Tomáš Hypeš - RE:no?
Pokud bys chtěl ještě na kraje stránek něco dát, tak jo.
klanelita - no?
no jukni na mou klanovou stránku klanelite.estranky.cz a řekni jestli si tam mam udělat i sloupec na pravý straně.děkuju
Tomáš Hypeš - RE:sads
Tak si zúž submenu, abys tam měl víc místa. Pokud chceš, udělám ti to.
klanelita - sads
ano právě ale dělam to co jsi mi poradil a zvětšuje se to ale je od prostředku na pravo a pak se to posune dolu a jet pod tím menu ale zas rámeček rozložen na pravou stranu i na levou tak jak má byt.Ale dole to nechci mít.Děkuju
Tomáš Hypeš - RE:sdsa
Pokud máš něco dole, tak se ti to tam jednoduše nevejde, takže zúžit.
klanelits - sdsa
a jak to dám na horu mam to pořád dole a nedaří se mi to dát nahoru.děkuju
klanelita - dassad
no ale když teda změnim to submenu tak se mi změní velikost těch menu ale né ten rámečen na příspěvky to je malinké jako nastavená šblona taktak to zůstane.sem se chtěl zeptat jak to rošířim "úvodní rámeče a v ňom text".děkuuji
Tomáš Hypeš - REdasdasd
Kouknul jsem se na tu stránku, stačí jen zúžit submenu, pozor, mění se šířka obou sloupečků najdenou!
klanelita - dasdasd
a aby bylo větší ta šablona na úvodní stranu.Já mám takovou skoučecí stránku na estránkách kde všechno zkoušim tak se tam dištak koukni protože newim jestli si mě pochopil:D www.klanelita.estranky.cz
klanelita - už jsem na to přišel
no ale teď newim jak mam udělat
to menu na pravé straně aby bylo menší aby mělo menší rozměry.děkuju
Tomáš Hypeš - RE:Šablona D