Inlocuire subforum_nonew.png cu Font-Awesome

[+strong]

Cum pot face pe ipb 3.X cum este pe 4.X http://ipsfocus.net/4x/ 

poza: 

[+strong]

UP!

[+strong]

UP carevaaaaaaaaaaaaaa?

[Ștefan A.]

Nimeni, nu te ajuta nimeni se pare.  

Fii antena ca tot eu te scap de problema, intra in css daca ai forumurile pe 3 coloane si sterge-le link-ul de la poze.

de ex asta e codul pentru subforumuri pe 3 coloane ( partea css ):

table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums1 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }

tu il modifici cu asta:

table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums1 li.unread { font-weight: bold;}table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; }

Si dupa adaugi in css asta:

table.ipb_table ol.subforums1 li:before {
    font-family: 'FontAwesome';
    content: "\f05b";
    margin-right: 3px;
    font-size: 10px;
    position: relative;
    top: -1.5px;
    color: #555;
}

ca sa modifici iconita aia editezi content : "\f05b"; cum doresti.

Sa-ti explic si cum afli acel mirific codulet;

cauti o iconita, sa zicem fa fa-arrow-right o gasesti aici: http://fortawesome.github.io/Font-Awesome/icon/arrow-right/

sub imaginile alea cu iconita in diferite dimensiuni ai Unicode: etc.

Unicode la fa-arrow-right este f061 si tu pui in css content : "\f061" ;

Succes.

[+strong]

6 hours ago, AlexandruS said:

Nimeni, nu te ajuta nimeni se pare.  

Fii antena ca tot eu te scap de problema, intra in css daca ai forumurile pe 3 coloane si sterge-le link-ul de la poze.

de ex asta e codul pentru subforumuri pe 3 coloane ( partea css ):

table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums1 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }

tu il modifici cu asta:

table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums1 li.unread { font-weight: bold;}table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; }

Si dupa adaugi in css asta:

table.ipb_table ol.subforums1 li:before {
    font-family: 'FontAwesome';
    content: "\f05b";
    margin-right: 3px;
    font-size: 10px;
    position: relative;
    top: -1.5px;
    color: #555;
}

ca sa modifici iconita aia editezi content : "\f05b"; cum doresti.

Sa-ti explic si cum afli acel mirific codulet;

cauti o iconita, sa zicem fa fa-arrow-right o gasesti aici: http://fortawesome.github.io/Font-Awesome/icon/arrow-right/

sub imaginile alea cu iconita in diferite dimensiuni ai Unicode: etc.

Unicode la fa-arrow-right este f061 si tu pui in css content : "\f061" ;

Succes.

Multumesc =)).