Cikkajánló
Kérdeztétek már páran, hogy hogyan lehet azt megoldani, hogy a fejlécen ne az utoljára frissített linkek jelenjenek meg, hanem a bejegyzések linkjei véletlenszerűen jelenjenek meg. Hasonló a kód a
A napokban volt egy kevéske időm, így hoztam a listámról egy jó pár leírást és kódot. A listámon mindig van valami csak időm nem mindig van, hogy megosszam veletek.
Úgy érzem nem elég egyértelmű a regisztrációs űrlapon az a rész, hogy a – csillaggal jelölt mezők kitöltése valós adatokkal – Legalább 100 olyan regisztrált felhasználó van az oldalon,
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ó
Dupla aláhúzás modulfejlécnek CSS kóddal

Mostanában nagy divat lett a dupla aláhúzás a modulfejlécekben. Minden aláhúzás más színű általában. A legtöbb helyen ezt .png képpel oldjátok meg, de simán CSS kóddal is meglehet csinálni, csak egy kis trükk kell hozzá :) Hogy lássátok miről van szó. Erről a fajta aláhúzásról:

 

Oldal információ

 

Az a lényeg, hogy a modulcímhez kettő DIV-et kell tenni. Az egyik simán a modulfejléc, ahol a cím kinézete van és a vékonyabb aláhúzás. Ez a modul-head rész. A másik a border-modul rész, ahol pedig megadhatod a vastagabb aláhúzás színét, vastagságát és persze, hogy milyen széles legyen. De akár CSS-sel három színű is lehet az aláhúzás vagy több. Csak ekkor új DIV-et kell készíteni és hozzá a CSS kódot. Ez már csak a kreativitásotokon múlik :)
 

<div class="modul-head">
    <div class="border-modul">
        Oldal információ
    </div>
</div>


CSS kód
 

<style type="text/css">
.modul-head{
    font-family: Trebuchet MS;
    font-size:13px;
    color: #000000;
    text-align:left;
    line-height:16px;
    text-transform:uppercase;
    border-bottom:3px solid #3a3a3a;
}
.border-modul{
    display:block; /* ez marad */
    margin-bottom:-4px; /* ezzel állítod be, hogy a két aláhúzás egymáshoz viszonyítva középen lehessen */
    padding:2px;
    width:20%; /* a vastagabb vonal szélessége */
    border-bottom:6px solid #FD789D; /* a vonal vastagsága */
}
--></style>


G-Portálon a rendes modtitle részben ezt a kódot nem lehet alkalmazni, mert ugye a G-Portál kódját nem lehet módosítani. G-Portálon akkor tudjátok ezt alkalmazni, ha egyedi készítésű modulstílust használtok és azt kódoljátok be. Akkor ugyanígy meglehet csinálni :) Sima HTML/PHP oldalon simán használható :) WordPress-ben is.

lindadesign Hozzászólások
552 megtekintés

Hozzászólások