Cum schimb butoanele + și - de la reputație - PHPBB3

Rezumarea primului mesaj :

Bună ziua! Aș dorii să știu cum pot înlocuii butoanele + și - pentru reputație pe forumul meu PHPBB3 ( adica astea: ) cu ceva de genul ăsta?
Am căutat pe forum și am văzut că mulți au întrebat de asta dar nu am găsit nimic care să mă ajute pe mine (fie nu mergeau linkurile fie erau pentru alte versiuni).

Mulțumesc și aștept răspuns!

ScaLeO a scris:Incearca asta: sters

Nu funcționează! Am adăugat codul acesta în PA- Module- HTML & JAVASCRIPT- Gestiunea codurilor JavaScript
Nu doresc să bag în widgeturi pentru că nu le folosesc.

Cod:

$(function(){
    <script>
    jQuery('div.vote-button').find(':contains("+")').html('<img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-8/24/Thumb-up-icon.png" title="Like" alt="Like"/>');
    jQuery('div.vote-button').find(':contains("-")').html('<img src="icons.iconarchive.com/icons/custom-icon-design/pretty-office-8/24/Thumb-down-icon.png" title="Dislike" alt="Dislike"/>');
    </script>
});

Și nu se întâmplă nimic...
Poate ajută la soluționarea problemei mele, uite CSSul meu:

Cod:

a.mainmenu {
background: #EFEFEF;
border: 1px solid #D0D2D4;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 8px;
top: -45px;
position: relative;}

a.mainmenu:hover{
position:relative;
top: -39px;}

div#fa_ticker_block {
position:relative;
top:-45px;
}

#wrap{
border: 1px solid #D0D2D4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

ul.navlinks {
border-bottom: 0px solid white;
}

div.headerbar{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height:150px;}



#logo {
top: 15px;
left: 10px;
position:relative;}

tr.row1 {
background: white; }

tr.row3 {
background: white; }

p.row1 {
background: white; }

li.row{
background: #FFFFFF;}

div.forabg {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 3px solid white;
box-shadow: 0 0 5px #868686;
}

a:link {
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;}

a {text-decoration: none;}
a:hover{text-decoration: none !important;}

div.h3 {
border-bottom: 1px solid #D0D2D4;}

.forumbg {
background-color: #0B5AAB;
background-image: url(http://i48.servimg.com/u/f48/15/98/60/20/bg_02110.jpg);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
border-image: initial;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 5px #868686;
}

div#p1.post.row2.online {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #D0D2D4;}

textarea#text_editor_textarea.inputbox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #127fa7;}

input.button2 {
border: 1px solid #127fa7;
background: white;
padding: 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
 
input.search {
padding: 4px;
background: 0 none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #127fa7;}

input.search:hover {
border: 1px solid #127fa7;}

select {
border: 1px solid #127fa7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

input.inputbox.tiny {
background: white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #127fa7;}

textarea#profile_field_2_-20.inputbox {-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #D0D2D4;}

div#profile-advanced-details.panel.row3 {-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #D0D2D4;}


div#tabs {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: 1px solid #D0D2D4;
width: 720px;}

div.panel.row3 {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
  border: 1px solid #D0D2D4;}

a.button1, a.button2, button.button2, input.button1, input.button2 {
background: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px;
border: 1px solid #D0D2D4;}



dl.codebox{
  -border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
  border:1px solid #D0D2D4;}

dl.codebox code {
color : #536482;
font-family: Verdana,Arial,Helvetica,sans-serif;
}

.module {
color: #666666;
border: 1px solid #D0D2D4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #EFEFEF;
}

.module .h3 {
border-bottom: 1px dashed rgba(146, 146, 146, .8);
text-align: center;
color: #127FA7;
}

div#login_popup {
border: 1px solid #D0D2D4;
font-family: Verdana,Arial,Helvetica,sans-serif;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: white;
}

div#search_menu.overview.row3 { 
font-family: Trebuchet MS,Tahoma,Arial;
font-style: bold;
font-size: 11px;
color: #19739C;
border: 1px solid #D0D2D4;
background: white; }

#page-footer .navbar {
background: #EFEFEF;
height: auto;
position : relative;
padding: 0px px;
font-family: Trebuchet MS,Tahoma,Arial;
font-style: bold;
font-size: 11px;
border: 1px solid #D0D2D4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#page-footer .copyright strong a{
border: 1px solid #D0D2D4;
padding: 5px;
background: #EFEFEF;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
position: relative;
bottom: -15px;
width: 100% !important;}

ul#picture_legend, ul#display-none-et {
display: none !important;
}

div#page-footer:after {
position : relative;
top : -12px;
content: "Copyright 2012 - Free Stuff - Skin designed and coded by BOGDAN";
left: 15px;}

.postprofile {
border-color: #D0D2D4;
border-left-style: solid;
border-left-width: 1px;
color: #536482;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}
    /*-------------BOX-------------*/

    .box {
                border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
                margin: 0px 0px 10px; }

    .box-content {
                border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
                font-size: 13px;
                font-style: italic;
                font-family: Trebuchet MS;
                text-shadow: 1px 1px 1px #ffffff;
                padding: 10px 20px 8px 90px;
                min-height:25px;
    }



    .box-content h3 {
                border-bottom: 1px solid #ccc;
                margin-top: 5px;
                font-family: Tahoma;
                font-weight: bold;
                font-style: normal;
                font-size: 13px;
    }

    /*-------------WARNING-BOX-------------*/

    .warning {
              background: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
              border: 1px dashed #ccc;
    }

    .warning .box-content {
              color: #666;
              background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/warnin11.png) no-repeat 10px 10px;
              border: 1px solid #ffffea;
    }

    .warning .box-content h3 {
              color: #666;
              text-shadow: 1px 1px 1px #ffffff;
    }

    /*-------------INFO-BOX-------------*/

    .info {
              background: url(http://i27.servimg.com/u/f27/16/17/34/47/body-b11.png);
              border: 1px dashed #ccc;
    }

    .info .box-content {
              color: #666;
              background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/info10.png) no-repeat 10px 10px;
              border: 1px solid #ffffea;
    }

    .info .box-content h3 {
              color: #666;
              text-shadow: 1px 1px 1px #ffffff;
    }

    /*-------------DOWNLOAD-BOX-------------*/

    .download {
              background-image: url(http://i27.servimg.com/u/f27/16/17/34/47/body-b12.png);
              border: 1px dashed #ccc;
    }

    .download .box-content {
              color: #666;
              background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/downlo10.png) no-repeat 10px 10px;
              border: 1px solid #ffffea;
    }

    .download .box-content h3 {
              color: #666;
              text-shadow: 1px 1px 1px #ffffff;
    }
        div.ImagineAdministrator {
          background-image: url("http://img710.imageshack.us/img710/317/bleuclair.png");
          background-position: bottom right;
        }
        div.ImagineMod {
          background-image: url("http://img710.imageshack.us/img710/317/bleuclair.png");
          background-position: bottom right;
        }
.tabel-generalitati {
border: 1px solid #D0D2D4;
background: #E5F1F9;
padding: 5px;
border-radius: 5px;}
    a[href="/g1-administratori"] {
        background: url("http://2img.net/i/fa/admin/couronne.png") no-repeat;
        padding-left: 19px;
        padding-top: 2px;
    }
    a[href="/g1-administratori"] {
        text-shadow: 0px 2px 6px #f5a911;
    }
    a[href="/g2-moderatori"] {
        text-shadow: 0px 2px 6px #69C86E;
    }
    a[href="/g5-designer"] {
        text-shadow: 0px 2px 6px #3FDEDE;
    }
    a[href="/g4-membrii-deplini"] {
        text-shadow: 0px 2px 6px #373B35;
    }
#search-box #keywords {
width: 150px;
background-color: #ffffff;
}

ScaLeO, ati primit warn pentru spam. Va rog sa nu mai postati linkuri externe platformei forumgratuit fara acordul unui membru al staff-ului. Multumesc pentru intelegere!

Rezolvat?

Cosmin. a scris:ScaLeO, ati primit warn pentru spam. Va rog sa nu mai postati linkuri externe platformei forumgratuit fara acordul unui membru al staff-ului. Multumesc pentru intelegere!

Rezolvat?

Nu , nu am rezolvat

js-ul il adaugi asa:

Cod:

$(function(){
    jQuery('div.vote-button').find(':contains("+")').html('<img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-8/24/Thumb-up-icon.png" title="Like" alt="Like"/>');
    jQuery('div.vote-button').find(':contains("-")').html('<img src="icons.iconarchive.com/icons/custom-icon-design/pretty-office-8/24/Thumb-down-icon.png" title="Dislike" alt="Dislike"/>');
});

Fara tag script

darkspectre a scris:js-ul il adaugi asa:

Cod:

$(function(){
    jQuery('div.vote-button').find(':contains("+")').html('<img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-8/24/Thumb-up-icon.png" title="Like" alt="Like"/>');
    jQuery('div.vote-button').find(':contains("-")').html('<img src="icons.iconarchive.com/icons/custom-icon-design/pretty-office-8/24/Thumb-down-icon.png" title="Dislike" alt="Dislike"/>');
});

Fara tag script

Mulțumesc mult! Dar acum apare asa:

Cum aș putea să le modific poziția ?

BlitzKrieg a scris:Cum aș putea să le modific poziția ?

Panoul de administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS.

Adaugati:

Cod:

div.vote-button{
position:relative;
right: 20px;
}

Rezolvat?

Omu a scris:Rezolvat?

Da, puteți da TC.