Hírek/cikkek és a blog kinézete2015.04.11. 15:03, Enma22
Legyünk egyediek
Az alap kód ez:
h2 { /* blog, hírek/cikkek fejléc */
font-size:12pt;
font-weight:bold;
color:#396702
}
a:hover h2 { /* blog, hírek/cikkek fejléc ha ráviszed az egeret */
color:#d6421c
}
Keretek2015.04.11. 08:07, Enma22
Táblázatnak, modulnak, szövegnek, bárminek
Korábban nem tértem ki részletesen arra, hogy milyen kereteket tudunk megadni. De nem csak sima solid keretet adhatunk egy képnek, szövegnek, táblázatnak, vagy modulnak, hanem lehet pontozott is, valamint akár lehet mindegyik más színű és méretű is. Én a példámban mindnek egy színt adtam, egy mérettel, de ezeket lehet variálni.
Valamint ha nem akarom mindet külön kiírni, akkor funkcionál ez is:
border: 2px solid #000000;
Kerekítéshez pedig ez is:
border-radius: 25%;
Ide most kénytelen vagyok nektek példákat is betenni, mivel máshogy nem tudom érthetően elmondani.
Modulok alja2015.04.10. 17:17, Enma22
És itt van a záró rész a modulokhoz, ezzel az alját lehet átalakítani, ugyan azok érvényesek rá, mint a többire, szöveget felesleges megadni, mert ugye ott nincs, a többi mehet, ami a modulfejlécnél is.
td.modbottom { /* modul alja */
font-size: 4pt
}
Szintén lehet külön-külön alakítani őket:
.column_side td.modbottom {
.column_main td.modbottom {
Képek esetében szintén a magassághoz a kép méretét kell megadni.
Tehát ha a képed 200 x 80-as méretű, tehát 200 széles, és 80 magas, akkor a height: 80px; lesz.
Ehhez nagyon tényleg nincs mit hozzáfűzni.
Modulok szövegrésze2015.04.10. 17:03, Enma22
Ahová a tartalom kerül
Ez igazából szinte ugyan az, mint a fejlécnél, egyedül kerekítést nem alkalmazunk ekkor, de lehet szintén keretet hozzáadni, és a többi nyalánkságot is.
Alap kód:
td.modbody { /* modul törzse */
font-size: 8pt;
color: black;
background-color: #ffffff;
}
Modulok fejléce2015.04.10. 12:50, Enma22
Oldalsó és középső
Ez az alap kód, de van a GPortalnak egy olyan CSS kódja, amiben van még pár számunkra érdekes sor.
Alap:
td.modtitle { /* modulok fejléce */
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
color: white;
background-color: #686868;
height: 19px
}
Az összes modulra egyformán hat.
Ez pedig a szélső és a középső modulra vonatkozik:
.column_side,
.column_main {
Body rész átalakítása2015.04.10. 08:49, Enma22
Háttér beállítása
Erről a kódrészről beszélünk jelenleg:
body { /* oldal */
background-color: #f0f0f0;
font-family: verdana, tahoma, arial;
margin: 0px
}
|
AJÁNLOM AZ OLDALT
Friss bejegyzések
Friss hozzászólások
Archívum