|
Tumblr. kinézet G-Portálon 1.
Katt a képre a nagy mérethez
G-Portál beállításai ebben az esetben:
1. Hozz létre egy egyszerű modult bal oldalra, amiben a fix doboz lesz. Mind a két pipát vedd ki alulról!
2. Hozz létre egy egyszerű modult középre is, amiben a képek, cikkek, idézetek lesznek. Vagy amit te közölni szeretnél a látogatóiddal. Itt is vedd ki mind a két pipát alulról.
A bal oldali modulba ezt a kódot illeszd be. Ha beillesztetted forráskód nézetben a kódot, akkor menj át szerkesztő nézetbe és írj bele bármit. A bal oldali modulba is lehet képet tenni.
<div class="fix_modul">
<p>
<img alt="" src="EZ A TE KÉPED URL CÍME, ha képet is szeretnél tenni a modulba" style="width: 240px; height: 160px;" /></p>
<p>
<a href="//aranymeli.gportal.hu">Home</a><br />
<a href="//aranymeli.gportal.hu">Archive<br />
<a href="//aranymeli.gportal.hu">Contact<br />
<a href="//aranymeli.gportal.hu">Facebook</a></p>
</div>
<style type="text/css">
.fix_modul { /* modul kinézete */
text-align: center;
LEFT: 8px;
WIDTH: 245px;
POSITION: fixed;
TOP: 5px;
background-color: #ffffff;
padding: 5px;
border: 1px solid #E6E6E6;
}
body { /* oldal kinézete */
background-attachment: fixed;
cursor: default;
font-family: "Trebuchet MS";
font-size: 13px;
color: #938888;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
background-repeat: repeat;
background-image: url();
background-color: #f2f2f2;
}
a:link, a:visited, a.menu:link, a.menu:visited { /* link kinézete */
color: #9784A4;
font-size: 13px;
text-decoration: none;
font-family: Cambria, Georgia;
font-weight: bold;
}
a:hover, a.menu:hover { /* link kinézete */
color: #000000;
font-size: 13px;
text-decoration: none;
cursor: default;
font-family: Cambria, Georgia;
font-weight: bold;
}
--></style>
A középső modulba pedig ezt a kódot illeszd be:
<div align="center">
<div class="kozep_modul">
<p>
<img alt="" src="http://24.media.tumblr.com/857d1655263744f03dfd0d2e0d7daeb3/tumblr_mm1yfiTRqW1rjk707o1_5
00.jpg" style="width: 580px; height: 372px;" /></p>
</div>
<br />
<div class="kozep_modul">
<p>
<img alt="" src="http://static.tumblr.com/9acd303e557163be803e533e23e57c8c/wpbtyuh/NZemgpzcn/tumblr_static_lo
ve-happiness-girl-heart-valentines-1920x1200.jpg" style="width: 580px; height: 363px;" /></p>
</div>
<br />
<div class="kozep_modul">
<p>
<img alt="" src="http://24.media.tumblr.com/tumblr_mdcuq7u15a1qg2g0go1_1280.jpg" style="width: 580px;
height: 385px;" /></p>
</div>
<br />
<div class="kozep_modul">
<p>
<img alt="" src="http://25.media.tumblr.com/f55e5529db9fa39d8f2f2b65a5ddd7f4/tumblr_mqj3vjFYJr1sqr1bfo1_500.jp
g" style="width: 270px; height: 381px;" /> <img alt=""
src="http://lh5.ggpht.com/_gPNRjJVV_Lw/S90v0o4ZJbI/AAAAAAAABXY/pmNYjI2jC_Q/s800/tumblr_kyt40k7S
nq1qzwaddo1_500_large.jpg" style="width: 295px; height: 381px;" /></p>
</div>
<br />
<div class="kozep_modul">
<p>
<img alt="" src="https://lh6.googleusercontent.com/-0EIHPFoSuOQ/T2nSADmQU3I/AAAAAAAAAEo/5bGfF1QBc2E/s64
0/blogger-image-680865834.jpg" style="width: 580px; height: 387px;" /></p>
</div>
</div>
<style type="text/css">
.kozep_modul {
text-align: center;
WIDTH: 600px;
background-color: #ffffff;
padding: 5px;
border: 1px solid #E6E6E6;
}
--></style>
Most jelenleg már 5 darab div dobozka van a kódban. Szerkesztő nézetben cseréld ki a képeket benne vagy írj bele szöveget, mindegy. Minden egyes új bejegyzéshez azt a kódrészt kell beillesztened a másik alá, amit kiemeltem. Minden egyes kiemelt rész egy bejegyzés doboza. Beilleszted a kódot, átmész szerkesztő nézetbe és kitöltöd tartalommal. Leokézod és kész is van 
Ha te ezt a kódot szeretnéd alkalmazni, akkor legyen az oldalad bannermentesítve! Úgy lesz igazán szép, mint ahogy a képen is látható a lap tetején.
| 
AJÁNLOM AZ OLDALT
Súgó
Frissítés