Modulfejléc Stílus Tipp #01
Most egy egyszerű de "hatásos" apróbb css trükköt hoztam amivel egy kis életet vihettek a Gportalos modulfejlécekbe. A dolog lényege ez lenne:
Nagyon egyszerűen el lehet készíteni azt a kis színes négyzetet, szinte bárhol. Ehhez a majdnemhogy haszontalan <span></span> tag-eket érdemes használni (lehet divet is, amit akarsz :D) lényeg a lényeg legyen egy kis dobozkád, amit közvetlenül a modul címe elé kell behelyezni. (modulkezelőben beszúrod a kérdéses tag-et a modul neve elé) Ha ez megtörtént a következő css kóddal hivatkozhatsz a kis dobozkádra:
.column_side td.modtitle span{
height: 0px!important;
width: 0px!important;
border: 7px solid #ab6cb8;
float: left;
border-left: 7px solid #f1a49f;
border-right: 7px solid #f1a49f;
margin-right: 20px;
margin-left: 20px;
A módszer lényege a háromszögelés ismert és végletekig kihasznált css technika, aminek a lényege a mi esetünkben az hogy egy nulla méretű doboz kereteivel játszadozunk. A keretekről röviden ennyit:
Amint látjátok ha a content és padding mérete nulla hirtelen az x méretű borderünk háromszög alakot fog felvenni. Külömböző egymásba ágyazott dobozokkal nagyon szép sokszöget lehet így kreálni. De maradjunk a szimpla négyzet háromszögnél. Ha azt szeretnéd hogy a négyzetből egyes kis háromszögek tűnjenek el, elég a transparent tulajdonságot felhasználnod, a szín helyett.
|