Cikkajánló
Elkészült az oldal legújabb kinézete. Kicsit ősziesebbre sikeredett, de nem is baj, mert hát már lassan ősz van. Most, hogy egy kicsit több időm volt végre foglalkozni az oldallal,
Újabb teljes kinézetet készítettem G-Portál-ra. A design átalakítható, de minden esetben kötelező a forrás feltüntetése linkelve. Ezzel együtt Emilia Clarke-os .png képek is készültek összesen 22 darab, amiket pedig
A változatosság kedvéért hoztam egy újabb Photoshop fejlécet. Úgy szeretem ezt a színésznőt, így gondoltam készítek vele egy fejlécet. Lehet a hétvégén készítek hozzá egy G-Portálos témát is, mert
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
2016. december. 26.
Címkefelhő készítése G-Portálon

Mielőtt megörülnétek, nem, nem lett a G-Portálon ilyen funkció. Ezt magunknak kell elkészíteni. Viszont, mivel sok mindenki használja a szélső sávban a címkéket felsorolás jellegűen, így készítettem egy tök egyszerű kódot, amivel azért pofásabbá lehet tenni a címkéket a G-Portálon is a szélső sávban. Ehhez először is kell egy modul az oldalsávban, ahova fel kell vinni a címkéket és be kell linkelni őket. Ha sok címkét használtok, nos hát, akkor csak a legfontosabbakat tegyétek ki szélre.

 

A kódolás a modulban így legyen: írjátok meg a cikkeket, linkeljétek be őket. Simán csak egy szóközzel legyenek a címkék elválasztva egymástól. Fent a vastag, dőlt, aláhúzott stílus mellett ott van az áthúzás is. Azzal húzogassátok ki a szavakat. Így fog kinézni a modulban:

 

 

A forráskódja pedig ilyen lesz

 

<strike><a href=”http://24.hu” target=”_blank”>24.hu</a></strike> <strike><a href=”http://gilmores.atw.hu” target=”_blank”>gilmores.atw.hu</a></strike> <strike><a href=”http://cosmopolitan.hu” target=”_blank”>cosmopolitan.hu</a></strike> <strike><a href=”http://hotdog.hu” target=”_blank”>hotdog.hu</a></strike> <strike><a href=”http://libri.hu” target=”_blank”>libri.hu</a></strike> <strike><a href=”http://port.hu” target=”_blank”>port.hu</a></strike> <strike><a href=”https://hu.wikipedia.org/wiki/Kezd%C5%91lap” target=”_blank”>wikipedia.org</a></strike> <strike><a href=”http://www.imdb.com/” target=”_blank”>imdb.com</a></strike>

 

És már csak a CSS kód kell, hogy elmentés után így nézhessen ki

 

 

.column_side strike{
text-decoration: none !important;
width: 100%;
line-height: 30px;
display: inline;
}
.column_side strike a:link, .column_side strike a:visited {
padding: 5px 10px 5px 10px;
color: #ffffff !important;
background: #006A90;
}
.column_side strike a:hover {
background: #AE2010;
text-decoration: none;
}

Kapcsolódó bejegyzések

lindadesign
632 megtekintés

Előző, következő cikk

Címkék közé pont G-Portálon

Több kérdést kaptam már arról, hogy meg lehet-e csinálni azt, hogy a címkék vesszővel vagy ponttal vagy valamivel el legyenek választva egymástól. Ehhez a G-Portáltól kértem segítséget, mert ha valaki sosem tanulta a kódolást, akkor ugye nem tudhat mindent.

Bővebben link átnevezése + ikon elé

A Bővebben link átnevezését már elég sokan tudjátok, nem is ez a legfontosabb része ennek a cikknek. Inkább arról van szó, ahogy az ikont használjátok előtte. Mindenhol úgy látom, hogy teljesen összeér az ikon és a link és az

 

Hozzászólások