Cikkajánló
Már többször kérdeztétek tőlem, hogy meglehet-e azt csinálni, amikor átlátszó modult használtok, hogy csak a modul legyen átlátszó, de a benne lévő tartalom vagy kép az ne. A válasz
Az én oldalamon is lehet látni a kategóriák sorában, hogy mennyien tekintettek meg már egy adott cikket vagy oldalt. Erről a bővítményről írok pár sort, mert többet nem is
Hoztam egy újabb WordPress kódot, amivel a cikkek alatt lehet a kapcsolódó bejegyzéseket megjeleníteni. Egyfajta cikkajánló ez is, csak a cikkek alatt van elhelyezve. Ehhez sem kell külön bővítmény,
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
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;
}

lindadesign Hozzászólások
284 megtekintés

Hozzászólások