|
Tumblr. kinézet G-Portálon 2.
Kattints 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. Mind a két pipát vedd ki alulról.
2. Hozz létre egy egyszerű modult középre is. 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. Vagy tegyél bele fényképet.
A középső modulba is ugyanez a kód kell, persze a CSS kód nélkül, mert azt elég egy helyre tenni.
<div align="center">
<div class="kozep_modul">
<p>
<img alt="" src="http://data.whicdn.com/images/9175110/11_large.jpg" style="width: 450px; height: 301px;" /></p>
</div>
<br />
<div class="kozep_modul">
<p>
<img alt="" src="http://data.whicdn.com/images/9164383/tumblr_lk7rel6TFb1qgp2sqo1_500_large.jpg" style="width: 220px; height: 330px;" /> <img alt="" src="http://4.bp.blogspot.com/-yN9ko0zm9Rc/Tyh1kKn0_FI/AAAAAAAAA9M/jIlMZnr72mY/s640/bergdorf+princess+tumblr+27.jpg" style="width: 222px; height: 330px;" /></p>
</div>
<br />
<div class="kozep_modul">
<p>
<img alt="" src="http://25.media.tumblr.com/29c65f77404dedf292759b098ecfe450/tumblr_meol4qEpF21rky0v4o1_500.jpg" style="width: 450px; height: 390px;" /></p>
</div>
<br />
<div class="kozep_modul">
<p>
<img alt="" src="http://data.whicdn.com/images/38690044/tumblr_mb3b6tKbpH1rfy0r5o1_500_large.jpg" style="width: 450px; height: 282px;" /> </p>
</div>
<br />
<div class="kozep_modul">
<p>
<img alt="" src="http://data.whicdn.com/images/14343865/tumblr_ljb2yl2uHF1qfi578o1_500_large_large.png" style="width: 450px; height: 326px;" /></p>
</div>
<br />
<div class="kozep_modul">
<p>
<img alt="" src="http://data.whicdn.com/images/45830031/tumblr_la27mjjGJ81qd7b8eo1_500_large.jpg" style="width: 450px; height: 338px;" /></p>
</div>
</div>
<style type="text/css">
.kozep_modul { /*ez már a CSS kód */
text-align: center;
WIDTH: 480px;
background-color: #ffffff;
padding: 5px;
border: 1px solid #E6E6E6;
}
img {
border: 0px;
box-shadow: 0px 1px 3px 1px #A7A7A7;
-moz-box-shadow: 0px 1px 3px 1px #A7A7A7;
-webkit-box-shadow: 0px 1px 3px 1px #A7A7A7;
}
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>
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  | 
AJÁNLOM AZ OLDALT
Súgó
Frissítés