2015.01.04. 23:57, Red
A következő design elemet azoknak ajánlom akik nem szeretnek sok információt megosztani magukról, éppen csak pár szót, és szeretik elbújtatni a dolgaikat
Leginkább blogoknak ajánlom. Először a modul amit 'főoldalnak' állítasz be legyen egy egyszerű modul modulfejléc és háttér nélkül....mivel semmi más nem lesz a főoldalon, csak ez a kör!
Ami elől nem menekülhetsz, a létrehozott üres modulba másold be ezt a kódsort:
<div id="sidebar-position">
<center>
<div id="back">
<div class="titu">
webcím</div>
<div id="statuss">
<div id="status">
<br />
neved | korod | lakhelyed | by nymphea<br />
<br />
Szépek vagytok, de üresek. Nem lehet meghalni értetek. Persze egy akármilyen járókelő az én rózsámra is azt mondhatná, hogy ugyanolyan, mint ti. Holott az az igazság, hogy ő egymaga többet ér, mint ti valamennyien, mert ő az, akit öntözgettem. Mert ő az, akire burát tettem. Mert ő az, akit szélfogó mögött óvtam. Mert róla öldöstem le a hernyókat (kivéve azt a kettőt-hármat, a lepkék miatt). Mert őt hallottam panaszkodni meg dicsekedni, sőt néha hallgatni is. Mert ő az én rózsám.<br />
<div align="center">
<div class="imagecenter">
Rólam
<div class="desc upslide">
Ide írhatod a számodra fontos információkat magadról! Ez a design ugyan roppant bonyolultnak tűnik, nem kell tőle annyira félni :) Egyszerű a kódolása</div>
<a class="navs" href="/">blog</a> <a class="navs" href="/">chat</a> <a class="navs" href="/">belépés</a></div>
</div>
</div>
</div>
</div>
</center>
</div>
Azokat a részeket amiket látod, hogy én írtam a kódba írd át, mást ne mert akkor szét fog esni a köröd. Ezt a körmenüt akkor készítettem amikor Trónok Harca lázban égtem így került Daenerys a középpontba (szószerint) ezt a képet természetesen lecserélheted!
A css kódsorodba megint egy halom kódot kell majd beillesztened :
kódok
Ezekben ajánlott csak a színkódokat a kép URL címét és a kör méretére vonatkozó kódokat átírni ha nem vagy gyakorlott felhasználó. Végül én mikor elkészítettem a következő kódot használtam a modulok fejlécéhez, de lehet akár maga a blog bejegyzés címe is:
td.modtitle
{font-family: calibri;
font-weight: normal;
text-indent: 5px;
color: #ecf0f1;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9px;
display: block;
padding: 5px;
margin-top: 0px;
margin-bottom: -8px;
background-image: url('//hhproba.gportal.hu/portal/hhproba/image/gallery/1410475955_04.jpg');
}
A többi modul - ha esetleg van - én ezt a sima szürke hátteret ajánlom (#ededed) mivel a kód látványos nem kell agyon csicsázni.
Használjátok egészséggel! Ha valami nem érthető jelezzétek kommentben