2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
168 napja
277 néző

WordPress themes

WordPress themes
169 napja
143 néző

G-Portál themes

G-Portál themes
169 napja
86 néző

Tumblr themes

Tumblr themes
169 napja
128 néző

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

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. És én, amit tudok azt magamtól tudom, nem tanította senki, tehát ebben segítséget kellett kérnem. Kaptam is egy alap kódot, amit én már kicsit át is variáltam, hogy “majdnem” tökéletes lehessen.

 

 

Csak egy kis CSS-re van hozzá szükség és semmi másra. Az elválasztáshoz itt is a FontAwesome ikonok között választhattok egyet, ha a pont nem felelne meg.

 

/* címkék */
.blogtags {
font-size: 0px!important;
text-align: left;
margin: -45px 0px 0px 30px!important;
position: absolute;
width: 750px;
background: transparent;
padding: 10px 0 7px 10px;
}
.blogtags a:after { /* itt adjátok meg, hogy mi válassza el a címkéket egymástól */
content: "\f111";
font-size: 6px;
font-family: FontAwesome;
margin-left: 7px;
margin-top: 0px;
position: absolute;
}
.blogtags a:last-child:after {
content: "";
margin: 0;
}
.blogtags:before { /* ikon a címkék előtt */
font-size: 14px;
font-weight: normal !important;
font-style: normal !important;
color: #ffffff;
background: #D28E28;
padding: 10px;
font-family: FontAwesome;
content: "\f02c";
margin-left: -40px !important;
margin-top: -10px;
position: absolute;
}
.blogtags a:link, .blogtags a:visited {
font-size: 13px;
font-family: 'Raleway', sans-serif;
font-weight: normal;
font-style: normal !important;
color: #3B3B3B !important;
padding: 4px;
margin-right: 10px;
}
.blogtags a:hover {
color: #ffffff !important;
background: #AE2010;
}




Előző, következő cikk



Egyből az előnézeti képpel kezdek, hogy értsétek miről is van szó. Az a lényeg, hogy ezekkel a kódokkal azt lehet elérni a főoldalon, hogy ugyanúgy egymás alatt jelennek meg a cikkek, viszont csak egy része. A teljes cikket pedig

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

 



Hozzászólások