Culoare la profil in mesaje

Cum pot face si eu ca in imaginea de mai jos? Am vazut pe forumul de suport englez

Bună seara,

Adăugaţi în CSS:

Cod:

.post.row2{
 background:-moz-linear-gradient(88% 55% 174deg, #245181, #FF4E28 71%) }


sau

Cod:

.post.row1.online{
background:-moz-linear-gradient(88% 55% 174deg, #245181, #FF4E28 71%) }

Culorile trebuiesc modificate de dvs.

dar cum pun doar la mine?
edit: nu merge deloc scriptul

Postaţi aici Foaia de stil CSS, pentru că o aveţi deja personalizată.

poftim

Cod:

#wrap {
width: 94%;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;
}
body {
padding-top: 144px;
background: url(http://i42.servimg.com/u/f42/15/42/26/78/body-b19.png);
text-shadow: 0px 0px 1px #fff;
}
ul.navlinks {border-bottom: 0px solid white;}

#page-header .navbar {background: transparent;position: absolute; top: 117px;}

#page-header .navbar a{text-shadow: 1px 1px 1px #000;color: #f1f1f1;padding: 10px;}
p.rightside {
position: absolute;
top: 5px;
right: 5px;
text-shadow: 1px 1px 1px #000;
color: #f1f1f1;
}
#page-header .navbar a:hover{text-shadow: 1px 0px 3px #1186D4;color: #f1f1f1;padding: 10px;}

#page-header .navbar img{display: none;}

.headerbar {width: 100%;position: absolute;top: 0px;left:0px;height: 150px;background: url(http://i42.servimg.com/u/f42/15/42/26/78/header16.png);background-position: 0px -60px;border-bottom: 1px solid #222;box-shadow: 1px 1px 6px #222;}

#search-box, .search-box {display: none;}

.h3, .content h2, .panel h2 {border-bottom: 1px dashed #f1f1f1;}

.h3 a, .content h2, .panel h2, .h3, h3 {color: #121212;}

.forabg, .forumbg {
background-color: #4E4E4E;
background-image: url(http://i42.servimg.com/u/f42/15/42/26/78/body-b19.png);
background-repeat: repeat repeat;
border: 2px solid #d7d7d7;
border-radius: 8px;
box-shadow: 1px 0px 6px #d7d7d7;

}

ul.forums {
background-color: #fff;
background-image: url(http://i42.servimg.com/u/f42/15/42/26/78/body-b19.png);
background-repeat: repeat repeat;
}


li.row {
border-bottom: 1px solid #trasnparent;
border-top: 1px solid #D7D7D7;
background: #FAFAFA;
}

#page-footer .navbar {
background: #EEE;
box-shadow: 1px 1px 11px #f1f1f1;
border: 1px solid #d7d7d7;
color: #eee;
border-radius: 6px;
}
#page-footer .navbar a{
background: #fff;
padding: 5px;
color: #222222;
border-radius: 6px;
box-shadow: 1px 1px 11px #f1f1f1;
border: 1px solid #d7d7d7;
}
#logo {position: absolute;top: 13px;left: 30px;}

#site-title, #site-title h1, #logo-desc p{display: none;}

#logo {position: absolute;top: -14px;left: 30px;}

#site-title, #site-title h1, #logo-desc p{display: none;}

#login_popup {
color #222;
background: #fff;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;
}
td.avatar-mini img, .inputbox {
border: 1px solid #d7d7d7;
border-radius: 5px;
}
.panel {
background-color: #f8f8f8;
border-radius: 5px;
border: 1px solid #dadada;
box-shadow: 0px 0px 6px #f1f1f1;
color: #2E2E2E;
margin-bottom: 4px;
padding: 0 10px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
.row1, .row1 {background-color: #f1f1f1;}

.row2, .row1 {
background: #f1f1f1;
border: 1px solid #d7d7d7;
border-radius: 5px;
box-shadow: 0px 0px 5px #f1f1f1;
}
.postprofile {
padding: 5px;
border-color: #d7d7d7;
border-left-style: dashed;
border-left-width: 1px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background: #f1f1f1;
border-radius: 5px;
background-position: top;
background-repeat: repeat-x;
color: #222;
border: 1px solid #d7d7d7;
font-family: Verdana,Arial,Helvetica,sans-serif;
overflow: visible;
padding: 2px 3px;
width: auto!important;
}
.postbody .topic-title a {
border: 1px solid #D7D7D7;
background: #EBEBEB;
color: #232323;
padding-left: 6px;
padding-right: 6px;
position: relative;
top: -5px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
p.author {
border: 1px solid #D7D7D7;
background: #EBEBEB;
color: #232323;
width: 225px;
padding-top: 3px;
padding-left: 3px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
position: relative;
left: -11px;
}
.postprofile {
border: 1px solid #D7D7D7;
position: relative;
top: 25px;
left: 11px;
padding: 5px;
background: #EBEBEB;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.row1, row2 {padding-bottom: 2px;}

.buttons img{
border: 1px solid transparent;
background: #;
opacity:1.-;
filter:alpha(opacity=100);
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
}
.buttons img:hover{
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
border: 1px solid #d7d7d7;
border-radius: 5px;
background: #f1f1f1;
opacity:0.9;
filter:alpha(opacity=100);
}
ul.topiclist li {
border-radius: 0px;
box-shadow: 0px 0px 0px #fff;
}
#page-footer, .navbar {padding-top: 1px;}

#page-footer .navbar a:hover{color:#1186D4 ;}

#smiley-box, .smile-status-box {
background-color: #E6E6E6;
float: right;
margin-top: 25px;
width: 18%;
padding: 5px;
border-radius: 5px;
}

.postprofile {
color: #9900FF;}

.postprofile dl dd br{
border-bottom: 1px solid #777 !important;
}

.opacitate img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.opacitate img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}

.postprofile a img{ opacity=0.4;
filters.alpha.opacity=40;  }
 
.postprofile a img:hover { opacity=1.0;
filters.alpha.opacity=100;  }

#page-body p.page-bottom{
    margin: 3pt;
    background: #f1f1f1;
    border-radius: 5px;
    border: 1px solid #000000;
    width: 299;}

a[href="/g1-administratori"]{
        background: url("http://icons.iconarchive.com/icons/iconshock/windows-7-general/16/administrator-icon.png") no-repeat;
        padding-left: 19px;
        padding-top: 2px;
    }

a[href="/g7-co-administrator"]{
        background: url("http://icons.iconarchive.com/icons/iconshock/perspective-general/16/administrator-icon.png") no-repeat;
        padding-left: 19px;
        padding-top: 2px;
    }

a[href="/g8-membri"]{
        background: url("http://icons.iconarchive.com/icons/deleket/scrap/16/Administrator-3-icon.png") no-repeat;
        padding-left: 19px;
        padding-top: 2px;
    }

a[href="/g4-membru-vip"]{
        background: url("http://icons.iconarchive.com/icons/iconshock/christmas/16/star-icon.png") no-repeat;
        padding-left: 19px;
        padding-top: 2px;
    }

a[href="/g6-moderatori"]{
        background: url("http://icons.iconarchive.com/icons/afterglow/forum-faces/16/Moderator-icon.png") no-repeat;
        padding-left: 19px;
        padding-top: 2px;
    }



    form#quick_reply #textarea_content textarea#text_editor_textarea { height: 120px !important; }

        #textarea_content textarea#text_editor_textarea { height: 230px; width: 100% !important; }

        .aviso_normas {
            background: none repeat scroll 0 0 #F0E8E0;
            border: 1px solid #C00000;
            font-family: Tahoma,Arial;
            font-size: 11px;
            height: 24px;
            line-height: 24px;
            margin-bottom: 3px;
            text-align: center;
        }


ul.linklist li:nth-child(2){display:none;}


#bifat{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/bifa10.png) no-repeat left;
repeat left;
padding-left: 13px;}

#wrong{
background: url(http://icons.iconarchive.com/icons/deleket/sleek-xp-basic/16/Close-2-icon.png) no-repeat left;
repeat left;
padding-left: 32px;}



Adăugaţi aşa:

Cod:

    #wrap {
    width: 94%;
    padding: 5px;
    border: 3px solid #EEE;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-box-shadow: 0 0 10px #AAA;
    -webkit-box-shadow: 0 0 10px #AAA;
    padding: 9px;
    }
    body {
    padding-top: 144px;
    background: url(http://i42.servimg.com/u/f42/15/42/26/78/body-b19.png);
    text-shadow: 0px 0px 1px #fff;
    }
    ul.navlinks {border-bottom: 0px solid white;}

    #page-header .navbar {background: transparent;position: absolute; top: 117px;}

    #page-header .navbar a{text-shadow: 1px 1px 1px #000;color: #f1f1f1;padding: 10px;}
    p.rightside {
    position: absolute;
    top: 5px;
    right: 5px;
    text-shadow: 1px 1px 1px #000;
    color: #f1f1f1;
    }
    #page-header .navbar a:hover{text-shadow: 1px 0px 3px #1186D4;color: #f1f1f1;padding: 10px;}

    #page-header .navbar img{display: none;}

    .headerbar {width: 100%;position: absolute;top: 0px;left:0px;height: 150px;background: url(http://i42.servimg.com/u/f42/15/42/26/78/header16.png);background-position: 0px -60px;border-bottom: 1px solid #222;box-shadow: 1px 1px 6px #222;}

    #search-box, .search-box {display: none;}

    .h3, .content h2, .panel h2 {border-bottom: 1px dashed #f1f1f1;}

    .h3 a, .content h2, .panel h2, .h3, h3 {color: #121212;}

    .forabg, .forumbg {
    background-color: #4E4E4E;
    background-image: url(http://i42.servimg.com/u/f42/15/42/26/78/body-b19.png);
    background-repeat: repeat repeat;
    border: 2px solid #d7d7d7;
    border-radius: 8px;
    box-shadow: 1px 0px 6px #d7d7d7;

    }

    ul.forums {
    background-color: #fff;
    background-image: url(http://i42.servimg.com/u/f42/15/42/26/78/body-b19.png);
    background-repeat: repeat repeat;
    }


    li.row {
    border-bottom: 1px solid #trasnparent;
    border-top: 1px solid #D7D7D7;
    background: #FAFAFA;
    }

    #page-footer .navbar {
    background: #EEE;
    box-shadow: 1px 1px 11px #f1f1f1;
    border: 1px solid #d7d7d7;
    color: #eee;
    border-radius: 6px;
    }
    #page-footer .navbar a{
    background: #fff;
    padding: 5px;
    color: #222222;
    border-radius: 6px;
    box-shadow: 1px 1px 11px #f1f1f1;
    border: 1px solid #d7d7d7;
    }
    #logo {position: absolute;top: 13px;left: 30px;}

    #site-title, #site-title h1, #logo-desc p{display: none;}

    #logo {position: absolute;top: -14px;left: 30px;}

    #site-title, #site-title h1, #logo-desc p{display: none;}

    #login_popup {
    color #222;
    background: #fff;
    padding: 5px;
    border: 3px solid #EEE;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-box-shadow: 0 0 10px #AAA;
    -webkit-box-shadow: 0 0 10px #AAA;
    padding: 9px;
    }
    td.avatar-mini img, .inputbox {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    }
    .panel {
    background-color: #f8f8f8;
    border-radius: 5px;
    border: 1px solid #dadada;
    box-shadow: 0px 0px 6px #f1f1f1;
    color: #2E2E2E;
    margin-bottom: 4px;
    padding: 0 10px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    }
    .row1, .row1 {background-color: #f1f1f1;}

    .row1 {
    background: #f1f1f1;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #f1f1f1;
    }
.row2{
 background:-moz-linear-gradient(88% 55% 174deg, #245181, #FF4E28 71%) }
    .postprofile {
    padding: 5px;
    border-color: #d7d7d7;
    border-left-style: dashed;
    border-left-width: 1px;
    }
    a.button1, a.button2, button.button2, input.button1, input.button2 {
    background: #f1f1f1;
    border-radius: 5px;
    background-position: top;
    background-repeat: repeat-x;
    color: #222;
    border: 1px solid #d7d7d7;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    overflow: visible;
    padding: 2px 3px;
    width: auto!important;
    }
    .postbody .topic-title a {
    border: 1px solid #D7D7D7;
    background: #EBEBEB;
    color: #232323;
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
    top: -5px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    }
    p.author {
    border: 1px solid #D7D7D7;
    background: #EBEBEB;
    color: #232323;
    width: 225px;
    padding-top: 3px;
    padding-left: 3px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    position: relative;
    left: -11px;
    }
    .postprofile {
    border: 1px solid #D7D7D7;
    position: relative;
    top: 25px;
    left: 11px;
    padding: 5px;
    background: #EBEBEB;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    }
    .row1, row2 {padding-bottom: 2px;}

    .buttons img{
    border: 1px solid transparent;
    background: #;
    opacity:1.-;
    filter:alpha(opacity=100);
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    }
    .buttons img:hover{
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    background: #f1f1f1;
    opacity:0.9;
    filter:alpha(opacity=100);
    }
    ul.topiclist li {
    border-radius: 0px;
    box-shadow: 0px 0px 0px #fff;
    }
    #page-footer, .navbar {padding-top: 1px;}

    #page-footer .navbar a:hover{color:#1186D4 ;}

    #smiley-box, .smile-status-box {
    background-color: #E6E6E6;
    float: right;
    margin-top: 25px;
    width: 18%;
    padding: 5px;
    border-radius: 5px;
    }

    .postprofile {
    color: #9900FF;}

    .postprofile dl dd br{
    border-bottom: 1px solid #777 !important;
    }

    .opacitate img {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    }
    .opacitate img:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
    }

    .postprofile a img{ opacity=0.4;
    filters.alpha.opacity=40;  }
   
    .postprofile a img:hover { opacity=1.0;
    filters.alpha.opacity=100;  }

    #page-body p.page-bottom{
        margin: 3pt;
        background: #f1f1f1;
        border-radius: 5px;
        border: 1px solid #000000;
        width: 299;}

    a[href="/g1-administratori"]{
            background: url("http://icons.iconarchive.com/icons/iconshock/windows-7-general/16/administrator-icon.png") no-repeat;
            padding-left: 19px;
            padding-top: 2px;
        }

    a[href="/g7-co-administrator"]{
            background: url("http://icons.iconarchive.com/icons/iconshock/perspective-general/16/administrator-icon.png") no-repeat;
            padding-left: 19px;
            padding-top: 2px;
        }

    a[href="/g8-membri"]{
            background: url("http://icons.iconarchive.com/icons/deleket/scrap/16/Administrator-3-icon.png") no-repeat;
            padding-left: 19px;
            padding-top: 2px;
        }

    a[href="/g4-membru-vip"]{
            background: url("http://icons.iconarchive.com/icons/iconshock/christmas/16/star-icon.png") no-repeat;
            padding-left: 19px;
            padding-top: 2px;
        }

    a[href="/g6-moderatori"]{
            background: url("http://icons.iconarchive.com/icons/afterglow/forum-faces/16/Moderator-icon.png") no-repeat;
            padding-left: 19px;
            padding-top: 2px;
        }



        form#quick_reply #textarea_content textarea#text_editor_textarea { height: 120px !important; }

            #textarea_content textarea#text_editor_textarea { height: 230px; width: 100% !important; }

            .aviso_normas {
                background: none repeat scroll 0 0 #F0E8E0;
                border: 1px solid #C00000;
                font-family: Tahoma,Arial;
                font-size: 11px;
                height: 24px;
                line-height: 24px;
                margin-bottom: 3px;
                text-align: center;
            }


    ul.linklist li:nth-child(2){display:none;}


    #bifat{
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/bifa10.png) no-repeat left;
    repeat left;
    padding-left: 13px;}

    #wrong{
    background: url(http://icons.iconarchive.com/icons/deleket/sleek-xp-basic/16/Close-2-icon.png) no-repeat left;
    repeat left;
    padding-left: 32px;}



link sters

Asta e cea ce cauti

Nu am rezolvat! Nu se intampla nimic!

Nu stiu ce a postat HeavY DrinkeR pentru ca link-ul extern este sters. Dar mi se pare incorect banarea lui. Alta solutie nu exista decat postarea unui link extern unde se afla si tutorialul, protejat de copyright, desigur, acesta fiind si motivul pentru care solutia nu are cum sa fie data aici.

Idee: cautati pe google: How to change the post background color of a specific user fmquery => primul rezultat.

Coddy am inteles am acest cod:

Cod:

$(function() {
$('div.post:has(".specialpost"), div.postmain:has(".specialpost")').css('background-color','#7FFF00');
});

Dar eu vreau sa am culoare cu gradient si cu opacity(vizibilitatea) mai scazuta cum e pe forumotion sau ca si aici la profilul lui Kegan

Buna seara, (din nou)

Deci, opacitate nu este folosita pe nici un forum de suport. Este doar culoarea, care poate pentru dvs., bate la ochi a opacitate. Aveti de modificat: #7FFF00.

Cat despre gradient, nu este decat o imagine, deasemenea, pozitionata in partea stanga a mesajului. Imaginea:
http://i.imm.io/hjo8.png
Deci:

Cod:

$(function() {
$('div.post:has(".specialpost"), div.postmain:has(".specialpost")').css('background','url(http://i.imm.io/hjo8.png) no-repeat top left');
});