Jdi na obsah Jdi na menu
Úvod >> Rady na Estránky >> Pro placený program >> Druhý sloupec

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">&nbsp;</div>
        </div>
        <div class="clear">&nbsp;</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">&nbsp;</div>
        </div>
        <div class="clear">&nbsp;</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>&copy; 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">&nbsp;</div>
        </div>
        <div class="clear">&nbsp;</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>&copy; 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">&nbsp;</div>
</div>
</div>
<div class="cleaner">&nbsp;</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">&nbsp;</div>
<div class="end">&nbsp;</div>
</div>
</div>
<div class="cleaner">&nbsp;</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řidat komentář

Přehled komentářů

Veronika - prosim o radu

6. 10. 2011 18:59

Prosim Vas pekne uz ste mi vela krat poradili no toto mi nejde vobec vlozit na stranku,neviem kde robim chybu? som uz zufala:-(..bojim sa ze vymazem nieco . www.salonveronique.sk

Odpovědět

Tomáš Hypeš - Re: prosím radu

5. 8. 2010 8:01

Víc by mi pomohl odkaz na stránku s anketou. Zkoušel jste ji smazat a vložit znovu?
Jo a mimochodem je to šablona B.

Odpovědět

Miroslav Matula - prosím o radu

4. 8. 2010 18:42

Prosím tě o radu, nevím, kde jsem udělal chybu, na svých stránkách www.kotrlak.estranky.cz
jsem už zkoušel vložit anketu, ale je useklá, není vidět vše. Poradíš mi, prosím, jak to napravit? Je to šablona F

Odpovědět

ondra - A co h

5. 4. 2010 17:53

prosim te NA H DDRUHY SLOUPEC NEJDE ?

Odpovědět

Tomáš Hypeš - Re: jeste jednou prosim moc

18. 2. 2010 17:56

No v tom kódu dáš místo "url" url adresu stránky, na kterou bude odkaz odkazovat. Místo "odkaz" dej text, který bude odkazem nebo tam taky můžeš dát html obrázku.
Stránka se musí nejdříve rozšířit a potom udělat druhý sloupec. Pokud to nechceš předělávat, napiš mi na mail.

Odpovědět

tomaszoubek - jeste jednou prosim moc

18. 2. 2010 16:19

moc sem to nepobral tak promin. udelam vse tak jak mas v napovede pak tam dopisu rucne moji emailovou adresu a neumim z toho udelat odkaz jeste jednou prosim o radu jinak si asi stim budu muset hrat.jeste jednu vec co sem zjistil je ta ze kdyz sem si udelal druhej sloupec tak v levem sloupci mam ruzne rubryky treba videjka potom na to lidi kliknou a otevre se ta stranka se spusta videama a ty videa sou usekli kvuli tomu druhemu pravemu sloupci pak mam taky usekle prispevky od lidi a navsevni kniha je taky usekla takze co stim porad sim .kdyz sem rozsiril stranku tak sem si rozsiril jen ten pravej sloupec co jsem dneska udelal nejde rozsirit nak cela hlavni strana tam kde mam upoutavku o me proste hlavni cela strana jestli jde rozsirit dik

Odpovědět

Tomáš Hypeš - Re: ahoj

18. 2. 2010 15:50

HTML odkazu je:
<a href="url">odkaz</a>
url je stránka, kam odkaz odkazuje

Odpovědět

tomaszoubek - ahoj

18. 2. 2010 15:45

muzes mi prosim poradit .vytvoril sem si prvy sloupec a udelal sem si tam kontakt kde hned pod kontaktem mam moji emailovou adresu a z te emailovky bych potreboval udelat odkaz da se to nak udelat ???a jeste jeden dotaz uplne podobnej misto emailove adresy bych tam chtel dat fotku hned pod ty kontakty a kdyz na tu fotku kliknou tak je to hned navede treba na facebook kde sem si udelal vizitku diky moc sou to fakt super stranky

Odpovědět

Tomáš Hypeš - Re: TO ISTE V PRAVOM AKO V LAVOM STLPCI

26. 12. 2009 20:28

Tady https://tomashypes.estranky.cz/stranka/postrannisloupec
Tady je vyznačen obsah obou sloupců, tak si můžeš něco smazat nebo něco přidat.

Odpovědět

JAN - TO ISTE V PRAVOM AKO V LAVOM STLPCI

26. 12. 2009 19:32

Ahoj,ked som to skopiroval tak mam to iste v pravom stlpci a aj v lavom.Ako zmenim menu a ostatne polozky v pravom a v lavom ine?
Dakujem

Odpovědět

Jitka - Šablona E

1. 11. 2009 20:17

Ahoj Tomáši,
prosím Tě, mohl bys upřesnit druhý sloupec u této šablony? A mohl bys, prosím, napsat, zda je možné u této šablony nějak zaplnit dolní část úvodní-hlavní strany? Je tam zbytečně moc prázdného místa. Když dám např. zobrazit fotoalbum, tak se jím to prázdné místo zaplní, ale to se mi moc nelíbí. Dala bych tam např. hodiny, ale ty se mi vsadily do těla toho tmavšího rámce, v němž je nadpis a uvítání návštěvníků apod., ale dolů pod ten rámec se mi nedaří dostat nic, jen to zobrazení třeba alba. Díky za radu.

Odpovědět

Tomáš Hypeš - Re: nefunkcnost

28. 10. 2009 21:31

Dej sem adresu tvých stránek.

Odpovědět

dogss - nefunkcnost

28. 10. 2009 20:43

nie ze byto bolo zle ale mne to vobec nefunguje

Odpovědět

Andrej - VELKE DAKUJEEEEM

5. 6. 2009 23:10

TOAMS si BOH, velmi si mi s tym pomohol, mas to u mna..este raz jedno VELKEEEE DAKUJEM !!! Andrej

Odpovědět

Tomáš Hypeš - RE:ZASE NIC

31. 5. 2009 13:42

Dobře, pošli mi heslo mailem.

Odpovědět

Andrej - ZASE NIC

31. 5. 2009 13:03

AHOJ skusal som to zase,ale stranku miv strede zmensi a dokonca mi urobimiesto na pravej strane, ale zostane biele a nic tam nemam...A skusal som aj rozsirit najskor sablonu J ale tiez mi to akosi nejde...Logo mi vezme vzdydo lavej strany..jedna sa mi o stranku www.superceny.estranky.cz velmi by sa mi to hodilo keby je stranka aspon tak siroka ako tato Tvoja + by sa mi dost hodilo keby mam aj pravy stplec ako Ty..Prosim pomoz mi ak vies...BUDEM Tvojim nesmiermyn dlznikom...Kludne by som ti dal aj heslo na moju stranku aby si mi s ty, pomohol...len nie tu verejne...DAKUJEM

Odpovědět

Tomáš Hypeš - RE:NEVIEM SI RADY

30. 5. 2009 6:26

Otevři si CSS (Nastavení - Upravit CSS šablony). Otevře se ti takový editor bez tlačítek a v něm bude CSS. Sjedeš úplně dolů a hele, nakonci je }. No tak před to vlož ten kod, který píšu výšše. A místo toho modrého čísla dej číslo tvé barvy šablony. Jsou tam vypsané.

Odpovědět

Andrej - NEVIEM SI RADY

30. 5. 2009 0:35

Ahoj skusal som si nastavit druhy stlpec na SABLONU J, velmi by sa mi hodil,len sa mi nejako nedari ho tam dostat...nemoze to byt sposobene tym ze som nerozsiril stranku???Nejako nechapem tento bod 3. V CSS před poslední } vložte toto:
#submenu2{
float: right;
}
.sub2top{
background: #fff url('<!-- cssimgroot -->j/2/content_top.jpg') no-repeat -268px 0px ! important;}
}

2 - číslo změňte vaší barvy šablony: 1 hnědá, 2 černá, 3 červená, 4 modrá a 5 zelená

Kde to mam presne vlozit,Mohol by si to prosim trosku konkretnejsie napisat??Sorry ak Ta otravujem ,ale v tomto som AMATER a neiem ako na to.DAKUJEM VELMI PEKNE ZA TVOJU ODPOVED

Odpovědět

Tomáš Hypeš - RE:Šablona D

15. 5. 2009 18:18

Šířka střední části je modrá hodnota u 2. bodu.
Mohu se zeptat, v čem byla chyba?

Odpovědět

navi - Šablona D

15. 5. 2009 18:09

Včera v noci jsem se s tím trochu popasoval, podívej se na http://www.fkvl.estranky.cz/clanky/aktuality-_news_
Akorát bych ještě potřeboval trošku zúžit prostřední sloupec aby byl oddělený od těch krajních. Pokud poradíš budu rád.
Díky

Odpovědět

1 2 3

následující »