Jdi na obsah Jdi na menu
Úvod >> Rady na Estránky >> Pro placený program >> Jak něco vložit do postranního sloupce

Jak něco vložit do postranního sloupce

Tohle je jedna z nejčastějších otázek, a proto jsem se rozhodl napsat návod. Je to v podstatě stejné pro všechny šalony, rozdíl je jen, pokud je menu nahoře.

 

Kompatibilita

Současná verze eStránek:  ANO  
Nová verze eStránek:
 NE - Jiná struktura XHTML šablon.

Testováno 26. srpna 2009

 

Další vlastní položky v postranním sloupci

Ankety, obrázky, text ...

 

Šablona A - E a G

1. Připravýme si HTML, který budeme vkládat:

<h3>nadpis</h3>
<div class="box">
obsah
</div>

nadpis - Asi nemusím vysvětlovat.

obsah - Sem vložte HTML toho, co tam chcete dát.

2. V XHTML (Nastavení - Úprava kódu šablony) v Hlavní šabloně najděte toto:

                <div id="submenu">
                <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>

zeleně - obsah sloupce

3. Vložíme náš HTML kód (Například pod menu).

                <div id="submenu">
                <div id="submenu-in">
                        <!-- user_portret -->
                        <!-- user_menu -->
                         <h3>nadpis</h3>
                         <div class="box">
                         obsah
                         </div>
                        <!-- post_lista2 -->
                        <!-- user_fotoalba -->
                        <!-- user_poslednifotoalbum -->
                        <!-- user_odkazy -->
                        <!-- user_hledani -->
                        <!-- user_kalendar10 -->
                        <!-- post_lista4 -->
                        <!-- user_toplist -->

                </div></div>

4. Uložte a hotovo

 

Šablona F a H - J

1. Připravýme si HTML, který budeme vkládat:

<div class="sub">
<h2>nadpis</h2>
obsah
</div>

nadpis - Asi nemusím vysvětlovat.

obsah - Sem vložte HTML toho, co tam chcete dát.

2. V XHTML (Nastavení - Úprava kódu šablony) v Hlavní šabloně najděte toto:

<div id="submenu">
<!-- user_portret -->
<!-- post_lista2 -->
<!-- user_fotoalba -->
<!-- user_poslednifotoalbum -->
<!-- user_odkazy -->
<!-- user_hledani -->
<!-- user_kalendar10 -->
<!-- post_lista4 -->
<!-- user_toplist -->

</div>

zeleně - obsah sloupce

3. Vložíme náš HTML kód (Například pod portrét).

<div id="submenu">
<!-- user_portret -->
 <div class="sub">

 <h2>nadpis</h2>
 obsah
 </div>
<!-- post_lista2 -->
<!-- user_fotoalba -->
<!-- user_poslednifotoalbum -->
<!-- user_odkazy -->
<!-- user_hledani -->
<!-- user_kalendar10 -->
<!-- post_lista4 -->
<!-- user_toplist -->

</div>

4. Uložte a hotovo

 

Další menu v postranním panelu

Šablona A - E a G bez šedého pozadí

1. Připravíme si HTML, který budeme vkládat:

<h3>nadpis</h3>
<div class="box">
  <ul class="overflow" id="menu">
    odkazy
  </ul>
</div>

nadpis - Asi nemusím vysvětlovat.

odkazy - Sem budete vkládat položky menu (pod sebe).

2. HTML jedné položky menu:

   <li><a href="urlstranky">popisek</a></li>

urlstranky - odkaz

popisek - text odkazu

3. V XHTML (Nastavení - Úprava kódu šablony) v Hlavní šabloně najděte toto

                <div id="submenu">
                <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>

zeleně - obsah sloupce

4. Vložíme náš HTML kód (Například pod menu).

                <div id="submenu">
                <div id="submenu-in">
                        <!-- user_portret -->
                        <!-- user_menu -->
                        <h3>nadpis</h3>
                        <div class="box">
                          <ul class="overflow" id="menu">
                          odkazy
                         </ul>
                        </div>
                        <!-- post_lista2 -->
                        <!-- user_fotoalba -->
                        <!-- user_poslednifotoalbum -->
                        <!-- user_odkazy -->
                        <!-- user_hledani -->
                        <!-- user_kalendar10 -->
                        <!-- post_lista4 -->
                        <!-- user_toplist -->

                </div></div>

5. Uložte a hotovo

 

Šablona F a H - J

1. Připravíme si HTML, který budeme vkládat:

<div class="sub">
<h2>nadpis</h2>
<ul>
odkazy
</ul>
</div>

nadpis - Asi nemusím vysvětlovat.

odkazy - sem budete vkládat položky menu (pod sebe).

2. HTML jedné položky menu:

   <li><a href="urlstranky">popisek</a></li>

urlstranky - odkaz

popisek - text odkazu

3. V XHTML (Nastavení - Úprava kódu šablony) v Hlavní šabloně najděte toto:

<div id="submenu">
<!-- user_portret -->
<!-- post_lista2 -->
<!-- user_fotoalba -->
<!-- user_poslednifotoalbum -->
<!-- user_odkazy -->
<!-- user_hledani -->
<!-- user_kalendar10 -->
<!-- post_lista4 -->
<!-- user_toplist -->

</div>

zeleně - obsah sloupce

4. Vložíme náš HTML kód (Například pod portrét).

<div id="submenu">
<!-- user_portret -->
<div class="sub">
<h2>nadpis</h2>
<ul>
odkazy
</ul>
</div>
<!-- post_lista2 -->
<!-- user_fotoalba -->
<!-- user_poslednifotoalbum -->
<!-- user_odkazy -->
<!-- user_hledani -->
<!-- user_kalendar10 -->
<!-- post_lista4 -->
<!-- user_toplist -->

</div>

5. Uložte a hotovo

 

Šablona G se šedým pozadím

1. Připravíme si HTML, který budeme vkládat:

<div class="box">
  <h3>nadpis</h3>
  <ul class="overflow">
    odkazy
  </ul>
  <div id="shadowpng">&nbsp;</div>
</div>

nadpis - Asi nemusím vysvětlovat.

odkazy - Sem budete vkládat položky menu (pod sebe).

2. HTML jedné položky menu:

   <li><a href="urlstranky">popisek</a></li>

urlstranky - odkaz

popisek - text odkazu

3. V XHTML (Nastavení - Úprava kódu šablony) v Hlavní šabloně najděte toto:

                <div id="submenu">
                <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>

zeleně - obsah sloupce

4. Vložíme náš HTML kód (Například pod portrét).

                <div id="submenu">
                <div id="submenu-in">
                        <!-- user_portret -->
                        <!-- user_menu -->
                       
<div class="box">
                         <h3>nadpis</h3>
                         <ul class="overflow">
                          odkazy
                         </ul>
                         <div id="shadowpng">&nbsp;</div>
                        </div>
                        <!-- post_lista2 -->
                        <!-- user_fotoalba -->
                        <!-- user_poslednifotoalbum -->
                        <!-- user_odkazy -->
                        <!-- user_hledani -->
                        <!-- user_kalendar10 -->
                        <!-- post_lista4 -->
                        <!-- user_toplist -->

                </div></div>

5. Uložte a hotovo

 

Komentáře

Přidat komentář

Přehled komentářů

Bryanvix - ONLY TODAY! 50% discount on databases for XRumer and GSA SER + activation keys for GSA Search Engine Ranker!

26. 4. 2024 0:02

Bases for XRumer & GSA Search Engine Ranker as well as GSA Search Engine Ranker activation keys with a 50% discount!
https://en.xrumerbasee.ru/
To contact us, write to telegram https://t.me/DropDeadStudio, When contacting, mention promo code DDS50.

Bryanvix - Stop Wasting Time! Guaranteed Active Links & Contact Forms - Updated Monthly

17. 4. 2024 20:24

Stop Wasting Time! Guaranteed Active Links & Contact Forms - Updated Monthly
• Tired of Dead Ends? Our premium database eliminates wasted effort. We only include verified active links to profiles and posting opportunities, ensuring your outreach reaches the right people.
• Connect Directly: Go beyond profiles! Gain access to a massive collection of working contact forms, allowing for direct communication with your target audience.
• Stay Fresh, Stay Effective: Monthly updates guarantee your database remains current, giving you access to the latest active links and contact information.
• Maximize Your ROI: Spend your time productively building relationships. Our pre-vetted database lets you focus on outreach that yields results.
More than 5,000,000 links, added monthly, are waiting just for you!
Stop Wasting Time & Start Connecting! https://en.xrumerbasee.ru/
You can also write to us in telegram: https://t.me/DropDeadStudio

We also sell GSA Search Engine Ranker keys!
Unleash the Full Power of GSA Search Engine Ranker:
• Gain access to a GSA Search Engine Ranker license key and harness the capabilities of this powerful SEO tool.
• Ascend to the Top of Search Rankings: Automate SEO tasks, elevate your website's rankings, and drive more organic traffic.
• Save Time and Resources: Streamline your workflows and free up time for higher-priority endeavors.
• Acquire Your GSA Search Engine Ranker Key at a Competitive Price: Our offer presents an affordable investment in your SEO success.
Purchase your GSA Search Engine Ranker key today and propel your SEO to new heights! https://en.xrumerbasee.ru/
You can also write to us in telegram: https://t.me/DropDeadStudio

Lenka - Re: Re: zúžení

7. 7. 2010 21:07

Smaže? Nedá se tomu zabránit? Např. není možné zústat u staré verze?

Tomáš Hypeš - Re: Re: zúžení

7. 7. 2010 10:24

Vaše upravená šablona se smaže.

Lenka - Re: zúžení

7. 7. 2010 10:01

Zatím stále starou. Napadá mě, že ale některé úpravy v nové verzi nefungují, zůstanou při přechodu nebo se to rozhází? (možná je to hloupá otázka, ale tvorba webu není můj "šálek čaje" :-)

Tomáš Hypeš - Re: zúžení

7. 7. 2010 7:36

Máte novou nebo starou verzi eStránek? Pokud starou, počkejte do nové.

Lenka - zúžení

7. 7. 2010 1:33

Ahoj, nejdřív veliké dík za Tvoje návody. Povedlo se mi díky nim spoustu věcí. Zvětšila jsem si např. šířku stránek, ale teď by se mi k tomu líbilo ještě zúžit postranní sloupec. Používám styl I. Děkuju moc za případnou radu.

Vacátko - web

5. 4. 2010 9:46

Díky, nakonec jsem to změnil v šabloně dle Tvé druhé možnosti a srovnalo se to.
Měj se.

Tomáš Hypeš - Re: web

5. 4. 2010 6:29

Kdyby ti to nešlo:
https://tomashypes.estranky.cz/stranka/zarovnani

Tomáš Hypeš - Re: web

5. 4. 2010 6:28

Všude v css máš float: center nebo clear: center, ale u obou hodnota center neexistuje.
float - left, right
clear - left, right, both

Vacátko - web

4. 4. 2010 21:23

Samozřejmě jsem myslel ne outlook ale internet explorer.Díky

Vacátko - web

4. 4. 2010 20:49

Ahoj Tomáši. Rozšířil jsem si levý sloupec v šabloně J. Text s nabídkou fotogalerií a oblíbených odkazů jsem srovnal na prostředek, jenže tato změna se stala pouze v outlooku, v mozille se to srovnalo k levé straně. Můžeš mi poradit co musím udělat, aby to bylo na prostředek i v mozille.Adresa stránek je: www.mrhanky.estranky.cz. Díky za odpověď.

Tomáš Hypeš - PODĚKOVÁNÍ

1. 4. 2010 20:39

První ...

SKOLICKA6 - PODĚKOVÁNÍ

1. 4. 2010 20:32

Tomáši, děkuji ze rychlou odpověď! Škoda, že chceš web zrušit. Přeji hodně úspěchů na střední škole!

Tomáš Hypeš - Re: VLOŽENÍ OBRÁZKU DO POSTRANNÍHO...

1. 4. 2010 8:10

Adresu obrázku se musíte zkopírovat z Nastavení - Rozšířené - Obrázky

SKOLICKA6 - VLOŽENÍ OBRÁZKU DO POSTRANNÍHO SLOUPCE

1. 4. 2010 8:03

Ahoj Tomáši!
Při úpravě hlavní šablony jsem postupovala přesně podle Tvého návodu, ale obrázek se ve sloupci neobjevil.

<!-- user_portret -->
<!-- user_menu -->
<!-- post_lista2 -->
<!-- user_fotoalba -->
<!-- user_poslednifotoalbum -->
<!-- user_odkazy -->
<!-- user_hledani -->
<div class="box">
<IMG src="LOGO_soubory/1341.gif" width="172" height="200">
</div>

<!-- user_kalendar10 -->
<!-- post_lista4 -->

Nevím, kde dělám chybu.

Marek Parek :D - IIIIII

5. 3. 2010 20:28

Ahoj plsky nemas tu navod na sablonu I ??? Prosiim

Na šablónu J tu nemáš ??? - Na šablónu J tu nemáš ???

5. 3. 2010 20:27

Na šablónu J tu nemáš ???

Honza - Rada

6. 11. 2009 19:36

Už tam máš mail a podívej se prosím na moje stránky, co se mi stalo.

Tomáš Hypeš - Re: Rada

6. 11. 2009 18:37

U návodu Druhý sloupec je napsáno kde je pravá a kde levý sloupec. Do pravého se to vkládá stejně jako do levého. S tím účtem mi napiš na mail.