2017. 11. 20.Képes project szövegdoboz 32.
2017. 11. 18.Videó beágyazása Coppermine galériába 2.0
2017. 11. 16.Coppermine themes
2017. 11. 16.WordPress themes
2017. 11. 15.Új design a LindaDesign-on
png-keszites.flv

PNG kép készítése

demi-lovato.png

Sosugary Gallery themes

lindadesign-fantasy.png

Coppermine Gallery themes

vanessa-marano.png

G-Portál themes

Kinézet 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>IDE JÖN A TARTALOM</p>
</div>
<br />

<div class="kozep_modul">
<p>IDE JÖN A TARTALOM</p>
</div>
<br />
<div class="kozep_modul">
<p>IDE JÖN A TARTALOM</p>
</div>
<br />
<div class="kozep_modul">
<p>IDE JÖN A TARTALOM</p>
</div>
<br />
<div class="kozep_modul">
<p>IDE JÖN A TARTALOM</p>
</div>
<br />
<div class="kozep_modul">
<p>IDE JÖN A TARTALOM</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


1 369 megtekintés

Hozzászólások