Cikkajánló
6. rész   Ebben a részben részletesen bemutatom a BlogPlusz CSS kódját. Idővel lehet, hogy majd frissíteni kell a cikket, mert a G-Portál is folyamatosan frissül, de jelenleg a
Hoztam még egy .psd fejlécet és a hozzá gyűjtött .png képeket is feltöltöttem a galériába. A fejléc a szokásos helyen tölthető le: PSD – Photoshop fejlécek Itt pedig meg
Még egy Photoshop formátumú fejléc :) A képek, amiket használtam a fejléc készítéséhez, fel lettek töltve a Galéria PNG képek kategóriájába is. Összesen 21 darab .png képet készítettem. Ezen
Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák Maisie Williams G-Portálos téma
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

lindadesign Hozzászólások
1 269 megtekintés

Hozzászólások