Cikkajánló
Ez a cikk kérésre született meg, de valószínű előbb-utóbb magam is írtam volna róla, mert sajnos nagyon sok olyan szerkesztő van, aki valamilyen módon, de nagyon irritáló tud lenni.
Sziasztok! Volt egy kis időm, így átszerkesztettem a WordPress sablonokat. Hármat teljesen megszüntettem. Plusz másik kettő sablont pedig átkódoltam. Úgy átkódoltam, hogy sem kódolásban sem kinézetben nem hasonlít már
A blog modulban azt is meg lehet csinálni, hogy teljesen eltérő linkelt képet adtok meg. Vagy lehet eltérő sima link vagy a vastag, dőlt, aláhúzott stílus is lehet teljesen
Emma Roberts G-Portálos téma Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák
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
726 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