Cikkajánló
A Disqus hozzászólás-kezelő egy olyan rendszer, ami már nagyon sok weboldalba be van ágyazva. Nekem is nagyon tetszik ez a fajta hozzászólás funkció, így az egyik napom felét arra
A Képes üdvözlő szövegdoboz után elhoztam a másik nagy népszerűségnek örvendő szövegdobozt is. Ez a Képes project szövegdoboz. Ebbe írható például leírás a kedvenceitek aktuális munkálatairól vagy ismertető egy
Egy újabb G-Portálos témát hoztam. Ehhez semmi más nem tartozik csak a CSS kód. Most fejlécet sem készítettem hozzá. A téma a többi között innen letölthető: G-Portál – G-Portálos
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
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 679 megtekintés

Hozzászólások