Cikkajánló
  Egy újabb hullámos tutorial készült el. Ezzel az eljárással már készítettünk egy hullámos leírást, de itt most az egyenletes hullám készítéséről lesz szó. A leírás a G-portálos aloldalon
Múlt héten vasárnap véget ért a közönségszavazás az oldalon. Az első 9 honlapra, ami igazából 10 (csak elszámoltam) nem jött túl sok szavazás, de azért helyezés így is lett.
Újabb teljes kinézetet készítettem G-Portál-ra. A design átalakítható, de minden esetben kötelező a forrás feltüntetése linkelve. Ezzel együtt Emilia Clarke-os .png képek is készültek összesen 22 darab, amiket pedig
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 1.


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, 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="/">Home</a><br />
<a href="/">Archive<br />
<a href="/">Contact<br />
<a href="/">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>
IDE JÖN A TARTALOM A MODULODBA</p>
</div>
<br />
<div class="kozep_modul">
<p>
IDE JÖN A TARTALOM A MODULODBA</p>
</div>
<br />
<div class="kozep_modul">
<p>
IDE JÖN A TARTALOM A MODULODBA</p>
</div>
<br />
<div class="kozep_modul">
<p>
IDE JÖN A TARTALOM A MODULODBA</p>
</div>
<br />
<div class="kozep_modul">
<p>
IDE JÖN A TARTALOM A MODULODBA</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á, ami itt van:
 

<div class="kozep_modul">
<p>
IDE JÖN A TARTALOM A MODULODBA</p>
</div>
<br />


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.

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

Hozzászólások