Adaugare iconite profil

Rezumarea primului mesaj :

Salut ! Nu stiu daca titlul e destul de bun dar am sa va explic ce doresc. Cum pot sa adaug si eu la profilul din mesaje aceste imagini ?

Multumesc.
Daca adaugam dimensiuni, se vor aplica si pentru bara de warn deoarece au aceleasi clase si ambele provin de la aceeasi variabila, deci nu merge doar folosind codurile CSS.

Mai intai, adaugati barii care arata numarul warn-urilor un text alternativ care sa contina cuvântul "warn". Puteti face asta din PA ~> Utilizatori si grupuri ~> Profiluri ~> Intrati la campul respectiv si unde aveti imaginile adaugate scrie "Text alternativ". Acolo adaugati textul.

Acum adaugati acest cod jQuery si bifati sa fie activ doar in topicuri.

Cod:


$(document).ready(function(){
$(".user-info img[alt='warn']").addClass("nope");
});


Si adaugati in CSS:

Cod:


.nope{width: auto!important; height: auto!important;}
.user-info img { width: 34px; height: 34px;}
}


Unde adaug codul jQuery ?

Codul jQuery se adauga aici :

Pasu 1 : Panoul de administrare > Module >  HTML & JAVASCRIPT (gasiti aceasta categorie in partea stinga tuma jos) si acolo apasati pe > Gestiunea codurilor JavaScript .

Pasu 2 : Apesi pe ''Creati un nou cod JavaScript'' dupa o sa va apasa sa completati  

la Titlu* : ''ii dati ce nume vreti''
Amplasare : debifati '' Indexul Forumului '' si bifati '' Topicuri ''
iar la Cod JavaScript * : aici inserati codul jQueri care vi sa dat .

Sper sa fi fost explicid si de ajutor.

Le-am adaugat. Doar ca bara warn se vede urata:


Dupa adaugarea codului in CSS mi-a dat o eroare si am adaugat dupa acesta ''.body {'' . Sa fie asta problema ? Uitati foaia de stil css.

Cod:

#pun-logo img:hover {
opacity: 0.8;
}
#pun-about #qjump {
display: none;
}
#pun-about {
text-align: center !important;
}

.pun tbody.statused span.status img {
margin-left: -20px;
padding-top: 15px !important;
}

.pun tbody.statused td.tcl {
padding-left: 57px !important;
}

#stats {
border: 1px solid #1E1E1D;
background-color: #181818;
line-height: 150%;
padding: .6em 1em;
border-bottom: 1px solid black;
}

#onlinelist {
border: 1px solid #1E1E1D;
box-shadow: inset 0px 1px 0px #1E1E1D;
background-color: #181818;
border-top: 1px dashed rgba(0,0,0,0.3) !important;
padding: .6em 1em;
border-top: 1px solid #333;
border-bottom: 1px solid black;
}

#pun-announcement {
box-shadow: inset 0px 1px 0px #1E1E1D;
border-top: 0px solid #fff !important;
border: 1px solid rgba(0,0,0,0.3);
background: #181818;
}

#fa_ticker_block .main-content {
border: 1px solid rgba(0,0,0,0.5);
background: rgba(0,0,0,0.6);
}

#fa_ticker_container {
top: -1px;
}

#pun-intro {
border-bottom: 0px solid #fff !important;
border: 1px solid rgba(0,0,0,0.3);
background: rgba(0,0,0,0.5);
}

#pun-head #pun-navlinks {
box-shadow: inset 0px 1px 0px #1E1E1D;
border: 1px solid rgba(0,0,0,0.3);
background: rgba(0,0,0,0.6);
}

.module .main .main-head {
border-bottom: 1px solid #000 !important;
border: 1px solid rgba(0,0,0,0.5) !important;
background: rgba(0,0,0,0.6) !important;
}

.module .main-content {
border-top: 0px solid #fff !important;
box-shadow: inset 0px 1px 0px #1E1E1D;
}

body {
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
margin: 0px;
padding: 0px;
background: url('http://www.moviesample.net/wp-content/themes/detube/images/bg-pattern-black.png');
font-size: 11px;
color: #fff;
font-family: 'Verdana','Sans Serif','Trebuchet MS','Arial','Helvetica','Times';
}

a, a:hover {
transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
}

a {
color: white;
cursor: pointer;
text-shadow: 0px -1px 1px black;
text-decoration: none;
outline: 0px none;
}

.pun {
margin-top: 5px;
margin-bottom: 20px;
border: 1px solid #000;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 1px rgb(102, 102, 102) inset, 0px 0px 50px rgba(0, 0, 0, 0.5) inset;
background: rgba(51, 51, 51, 0.9);
}

#nav_wrap {
background: #171717;
border-top: 1px solid #111;
border-bottom: 1px solid black;
height: 35px;
}

#user_navigation {
color:#9f9f9f;
float:right;
font-size:11px;
line-height:35px;
height:35px;
border-left:1px solid #2b2b2b;
}

#user_navigation a:hover{
  text-decoration: none!important;
  background:#232323!important;
}

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}

#user_navigation a {
color: #fff!important;
float: left;
padding: 0 12px;
line-height: 35px;
outline: none;
height: 35px;
border-right: 1px solid #2b2b2b!important;
position: relative;
bottom: 12px;
text-decoration: none!important;
}

#primary_nav {
font-size: 12px;
text-transform: uppercase;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
float: left;
padding: 3px 0 0 0;
}

#primary_nav {
font-size: 12px;
text-transform: uppercase;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
}

#community_app_menu > li {
margin: 0px 3px 0 0;
text-decoration: none!important;
background: none!important;
}

#community_app_menu > li.active a {
background: #212121!important;
color: #fff;
border-top: 1px solid #565656;
border-left: 1px solid #2f2f2f;
border-right: 1px solid #2f2f2f;
padding-bottom: 1px;
text-decoration: none!important; 
}

#community_app_menu > li > a {
text-decoration: none!important;
color: #bcbcbc;
background: #1d1d1d!important;
border-left: 1px solid #1f1f1f;
border-right: 1px solid #1f1f1f;
border-top: 1px solid #252525;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
display: block;
outline: none;
padding: 0px 15px;
line-height: 31px;
height: 31px;
position: relative;
bottom: 13px;
}

a:-webkit-any-link {
color: -webkit-link;
text-decoration: none;
cursor: auto;
}

#community_app_menu > li > a:hover{
color: white;
text-decoration: none!important;
background: #222!important;
border-bottom: none;
}

ol, ul {
list-style: none;
}

.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}

body {
background: #212121;
color: #bcbcbc;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}

#pun-navlinks a{
  color: white;
}

#branding {
background: url(http://i74.servimg.com/u/f74/14/12/03/12/banner10.png) repeat-x 0 0;
height: 100px;
position: relative;
bottom: 20px;
border-top: 1px solid #083951;
margin-top: 0.2em;
}

#pun-logo {
  position: relative;
  top: 15px;
}

.pun table.table td {
background: #212121 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x;
border: 1px solid #333;
box-shadow: 0px 0px 1px black;
}

.main .main-head {
background:url(http://i42.servimg.com/u/f42/14/12/03/12/32r23t10.png);
border: 1px solid #00509B;
color: #fff;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
padding: 10px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 4px;
}

.pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
background: #212121 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x;
 color: #f5f5f5;
}

.pun table .tcr {
  width: 18%!important;
}

.pun table th.tc2{
  width: 8%!important;
}

.status{
margin-top:-1em;
}

#pun-visit, .main-box {
background: #212121 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x;
border: 1px solid #141414;
box-shadow: 0px 0px 1px #ddd inset;
border-radius: 5px;
color: #f5f5f5;
}

a.mainmenu {
  color: white;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
}

a.mainmenu:hover {
color: #00569C!important;
text-decoration: none!important;
}

.pun input {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: white;
font-size: 12px;
background: #333;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white;
}


#textarea {
color: white;
font-size: 14px;
font-weight: 500;
text-shadow: 0px 1px 1px black!important;
background: #333;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white;
font-family: verdana;
}

#textarea:hover {
border: 1px solid #00569C!important;
}

.smiley-frame {
background: #333;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white;
}


.editare {
border-radius: 5px;
background: #ff7883;
border: 1px solid #a10613!important;
color: #a10613;
font-size: 12px;
font-weight: 600;
text-shadow: 0px 1px 1px #f5bfc4;
box-shadow: 0px 0px 2px white inset;
padding-left: 3px;
position: relative;
top: 8px;
}

.editare p {
position: relative;
bottom: 15px;
padding-left: 2px;
}

.post {
  color: white;
  font-size: 14px;
  font-weight: 500;
  text-shadow: 0px 1px 1px black!important;font-family: verdana;
}

.main .main-foot {
background:  #00509B;
color: #fff;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
padding: 10px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-top: 5px;
}

#i_whosonline + p br + br + em a {
background-image: linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -o-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
  padding: 5px;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
}

#i_whosonline + p br + br + em  a:hover {
background-image: linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
  padding: 5px;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
}

#page-body #main-content em {
  visibility: hidden;
  font-size: 4px !important;
}

#page-body #main-content em b {
  visibility: visible !important;
  font-size: 12px !important;
}

#page-body #main-content em b {
position: relative !important;
right: 5px;
}

#header_menus a {
  color:#8a8a8a;
  font-size:12px;
  text-shadow:none;
  text-decoration:none;
  text-align:left;
}

#header_menus a:hover, #header_menus a.menu_active {
  background-color:#292929;
  color:#FFF;
}

#header_menus a.active{
  background-color:#323232;
  color:#FC6D32;
}

#header_menus .submenu_container a:hover, #header_menus .submenu_container a.menu_active {
  background-color:#292929;
  color:#FFF;
}

#header_menus .submenu_container a.active {
  background-color:#323232;
  color:#FC6D32;
}
#header_menus .megamenu a:hover, #header_menus .megamenu a.menu_active {
  background-color:#323232;color:#FFF;
}

#header_menus .megamenu  a.menu_active:hover {
  background-color:#323232;
  color:#FFF;
}

#header_menus .megamenu a.active,#header_menus .megamenu a.active:hover {
  color:#FC6D32;
}


#header_menus li>a {
  position: relative;
  bottom: 9px;
  padding:8px 10px 8px 10px;
}

#header_menus.megamenu>li {
  position:relative;
}

#header_menus li ul {
  visibility:hidden;
  position:absolute;
  background-color:#181818;
}

#header_menus {
  background:url(http://www.batalia.ro/forum/public/style_images/deflection/user_navigation.png);
  width:100%;
  text-align:left;
  line-height:32px;
}

#header_menus li {
position:relative;
  }
#header_menu_bar li a {
  min-width:150px;
  text-align:left;
}

.codebox {
margin: 0.5em 3em;
margin-left: 5px;
padding: 0em;
}

.codebox dt {
padding: 0.25em;
}

.codebox dd {
margin: 0.5em;
padding: 0em;
}

.codebox {
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #4e4e4e;
background: #2A2A2A;
}

.cont_code{
background: none !important;
}

blockquote{
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #4e4e4e;
background: #2A2A2A !important;
}

#pun-legend {
background-repeat: no-repeat;
background-position: center 0px;
padding-top: 10px;
padding-bottom: 15px;
float: center;
}

ul.pun-legend {
width: 650px;
border-bottom: 1px solid #353535;
margin-left: 100px;
text-align: left !important;
padding: 5px;
background: none;
margin-bottom: 0;
}

#pun-legend img {
margin-left: 20px;
}

.onsistem {
width: 95%;
margin-bottom: 10px;
margin-left: 22px;
background: #242424;
border: 1px solid #141414;
text-align: left;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
box-shadow: 0px 1px 0px #474747;
}

div#stat_id {
  background: none;
  display: table;
  margin: 0 auto!important;
  text-align: center!important;
}

.statsPers li {
  float: left;
  font-size: 12px;
  margin: 2px 10px;
  color: #5a5751;
}

li.statHide {
  display: none;
}

.statsPers li > span {
  display: inline-block;
  background: none repeat scroll 0% 0% #464646;
  color: #FFF;
  padding: 2px 6px;
  font-weight: bold;
  border-radius: 2px;
  margin-right: 3px;
}

ul[class="statsPers"] {
  display: block;
  list-style: none;
  margin: 0 auto;
  width: 100%;
}

.user-info {
border: 1px solid #2D2D2D;
margin-bottom: 10px;
margin-top: -10px;
padding: 8px;
text-align: center!important;
}

.user-basic-info {
background: url(http://i.imgur.com/8OKqAgJ.png) repeat-x scroll 0 -1px #202020;
border: 1px solid #2D2D2D;
border-bottom: 0 solid!important;
padding: 5px;
}

.pun .user-ident .user-basic-info {
font-weight: 700;
}

.postmain blockquote {
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:11px 0 6px 10px;
font-size:14px;
line-height:18px;
color:#504536;
font-family:Georgia;
font-style:italic;
}

.postmain blockquote div {
margin-top:7px;
margin-left:6px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #D5DEE5;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/spback10.png) bottom left repeat-x #FFF;
max-width:91%;
padding:15px 20px 10px 23px;
position:relative;
}

.postmain blockquote div:before {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/openq10.png) top left no-repeat transparent;
position:absolute;
width:16px;
height:16px;
top:15px;
left:3px;
}

.postmain blockquote div:after {
content:'';
position:absolute;
z-index:100;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/closeq10.png) top left no-repeat transparent;
width:16px;
height:16px;
right:4px;
bottom:4px;
}

.postmain blockquote div cite {
font-style:normal;
font-weight:700;
display:block;
font-size:13px;
color:#fff;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent;
height:32px;
position:absolute;
z-index:100;
top:-15px;
text-shadow:#000 1px 1px;
left:0px;
}

.postmain blockquote div cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent;
width:31px;
height:38px!important;
left:-13px;
top:0;
}

.postmain blockquote div cite:after {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent;
position:absolute;
right:-10px;
width:10px;
height:32px;
top:0;
}

#groupLegend {
font-size:0;
}
#groupLegend b {
font-size:11px;
}
#groupLegend b:after { content:" | " }
#groupLegend b:last-child:after { content:""
}
    /*ipbperfilcss*/
        .usernam-ipb ,.usernam-ipb span {
            color: #7A7A7A!important;
            font-size: 20px!important;
            font-weight: bold!important;
            line-height: 1.7!important;
        }
        .usernam-ipb em {
            display: none!important;
        }
        .ipb-profile .mod-left {
            width: 150px;
            margin-left: -150px;
            float: left;
        }
        .ipb-profile {
            background: #EBF0F3;
            padding: 9px;
            clear: both;
            padding-left: 188px;
            overflow: hidden;
            color: #5A5A5A;   
            font-family: helvetica, arial, sans-serif!important;
            font-size: 11px;
        }
        .mod-center {
        width: 98%;
        float: left;
        background: #FFF;
        border: 1px solid #E4E4E4;
        padding: 9px;
        position: relative;
        margin: auto;
        }
        .ipb-m-title h2 {
            padding: 8px 10px;  background: #F5F5F5;  color: #868686;  font-size: 11px; margin: 0;
            font-weight: bold;
            font-family: helvetica!important;
        display:none;}
        .co-ipb {
        background: #FFF;
        margin-bottom: 10px;
        border: 1px solid #DDD;
        margin: 5px;
        min-height: 600px;
        }
        .ipb-profile dt, .ipb-profile dt span {
            color: #5A5A5A!important;
            font-weight: bold!important;
        }
        .m-info-ipb dt {
            display: inline-block;
            width: 200px;
            text-align: right;
            padding-right: 10px;
        }
        .m-info-ipb dd {
            display: inline-block;
            width: 350px;
        }
        .profi-add-ipb a.mainmenu + br + a.mainmenu ,.main-ipb-f .clear ,.m-info-ipb .separator {
            display: none;
        }
        .m-info-ipb dl {
            line-height: 1.3;  font-size: 11px;  background: #FEFEFE;  border: 1px solid #EEE;  padding: 8px;  border-left: 0;  border-right: 0;  margin-bottom: -1px;
        }
        .ipb-tab-us ul li a span {
            display: block;  padding: 10px 8px;  outline: 0;  font-size: 11px;  color: #8D8D8D;  -webkit-transition: background-color 0.1s ease-in-out;  -moz-transition: background-color 0.3s ease-in-out;
        }
        .ipb-tab-us ul li {
        background: #F6F8FB;
        color: #808080;
        border-bottom: 1px solid #DBE4EF;  font-size: 13px;
        }
        .ipb-tab-us ul li :hover {
        background: #EAEFF5;
        color: #808080;
        }
        .ipb-tab-us {
            width: 149px !important;  margin-top: 10px;  border-top: 1px solid #DBE4EF;
        border-left: 1px solid #DBE4EF;
        }
        .ipb-profile li ,.ipb-tab-us ul {
            list-style: none;
        }
        .ipb-tab-us ul li.activetab {
            background: white;
            width: 150px;
            position: relative;
        z-index: 9;}
        .profile-ava img {
            background: #FFF;  padding: 1px;  border: 1px solid #D3D3D3;  max-width: 138px;  max-height: 138px;
        }
        .estoyenline-i {
        background: #7BA60D;
        }
        .ofline-ipb {
        background: #B3B3B3;
        padding: 0 5px;}
        .estoyenline-i, .ofline-ipb{
        display: inline-block;
        height: 17px;
        line-height: 17px;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
        color: #FFF;
        border-radius: 2px;
        vertical-align: middle;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
        }
        .pun .co-ipb .main-content {
        background: #FFF;
        border: 0;
        }
        .co-ipb#friends ol li {
        padding: 8px 0 0 0;
        margin: 5px 0 0 0;
        min-width: 80px;
        height: 70px;
        list-style: none;
        width: 100px;
        display: inline-table;
        text-align: center;
        }
        .co-ipb#friends ol li .avatar {
        display: block;
        border: 0;
        background: 0;
        text-align: center;
        width: 100%;
        }
        #friends ol li .message-text ,.co-ipb#friends .message-footer li {
        display: none;
        }
        .co-ipb ol li .avatar img:hover {
        border-color: #7D7D7D;
        }
        .co-ipb ol li .avatar img {
        background: #FFF;
        padding: 1px;
        border: 1px solid #D3D3D3;
        height: 50px;
        width: 50px;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
        #contacto h2#contacto ,#profilewall #wallcomment ,#friends h2#friends ,#estadisticas #estadisgene, .co-ipb #estadis {
        display: block;
        }
        #estadisticas h2#estadis ,#contacto h2#estadis ,.co-ipb#profilewall h2#estadis ,.co-ipb#friends h2#estadis {
        display: none;
        }
        #estadisticas .m-info-ipb ul li {
            line-height: 1.3;  font-size: 11px;  background: #FEFEFE;  border: 1px solid #EEE;  padding: 8px;  border-left: 0;  border-right: 0;  margin-bottom: -1px;
        }
        #estadisticas fieldset legend {
        font-size: 13px;
        font-weight: bold;
        width: 100%;
        font: bold 14px helvetica,arial,sans-serif;
        padding: 8px 10px;
        color: #204066;
        background: #D8DDE8;
        }
        .co-ipb#contacto .contact-ips ,#profilewall .main-content ,#estadisticas .main-content {
            background: #EBF0F3;
            padding: 9px;
        }
        #estadisticas .main-content .stats-field.genmed {
            overflow: hidden;
            margin-bottom: 24px;
            background: #FFF;
        }
        #estadisticas .main-content .stats-field.genmed ul {
            padding: 9px;
            border: 1px solid #DBE4EF;
        }
        .co-ipb#contacto h2#contacto ,#wallcomment ,#estadisgene {
            background: #2C5687 url(http://i.imgur.com/Lcy9BkS.png) repeat-x top;
            color: #FFF;  padding: 10px 10px 11px;            border-radius: 4px 4px 0 0;   
            box-shadow: inset 0px 1px 0 #528CBC;  border-width: 1px 1px 0 1px;
            border-color: #316897;
            border-style: solid;  font-size: 11px;
            text-shadow: none;
        }
        #profilewall ,#estadisticas {
            border-radius: 4px 4px 0 0;
            border: none;
        }
        .pun .co-ipb a {
            color: #225985;
        }
        .pun .co-ipb a:hover {
            color: #328586;
        }
        .co-ipb#friends ol li .avatar img:hover {
            border-color: #7D7D7D;
        }
        #estadisticas .m-info-ipb {
            border: 1px solid #DDD;
        }
        #estadisgene span {
            background: #244156;  opacity: 1;
            color: #FFF;  padding: 4px 10px;  font-weight: bold;      border-radius: 10px;      box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
        }Łpanda_selector_1409656120498_90_m_pandaŁ{display:none;}
        .mensajeprofile ol li.clearfix {
            background: #FFF;  border: 1px solid #DBE4EF;
            padding: 9px;
            margin-bottom: 9px;
            position: relative;
        }
        .mensajeprofile .avatar {
            border: 0;
            background: 0;
            display: inline;
            float: left;
        }
        .mensajeprofile ol li .message-block {
            overflow: hidden;
            margin-left: 65px;
            padding: 0;
        }
        .mensajeprofile ol li .message-block .message-header a {
            font-weight: bold;  font-size: 14px;
        }
        .mensajeprofile .message-date {
            position: absolute;
            bottom: 5px;
            color: #A4A4A4;  font-size: 12px;
            background: transparent url("http://i.imgur.com/8WDJvOf.png") no-repeat left;
            padding-left: 20px;
        }
        .mensajeprofile .message-text {
            margin: 5px 0;
            font-size: 14px;  word-wrap: break-word;
        }
        #profilewall .message-footer {
            float: right;
        }
        #profilewall .message-footer li {
            display: inline;
            margin-right: 10px;
        }
        .co-ipb .pagination b {
            background: #7BA60D;  color: #FFF;  font-weight: bold;      border-radius: 2px;
            padding: 4px 5px;
        }
        .co-ipb .pagination a {
            display: inline-block;    color: #999;
            background: none;
            padding: 4px 5px;
        }
        .co-ipb .pagination a:hover {
            background: #ECECEC;      border-radius: 2px;
        }
        .co-ipb .pagination {
            background: white;
            border-radius: 5px 5px 0 0;
            padding: 4px 10px;
        }
        #friends .message-header em {
        display: block;
        }
        h2#friends {
        font: normal 14px helvetica,arial,sans-serif;
        padding: 8px 10px;
        background: #DBE2EC;
        color: #204066;
        }
        .co-ipb#contacto ,.co-ipb#friends {
        border: 0;
        }
        .contact-ips dl dt {
            display: inline-block;
            width: 140px;
            text-align: right;
        }
        .contact-ips dl dd {
            width: 600px;
            display: inline-block;
            padding-left: 10px;
            vertical-align: middle;
        }
        .lass-activiti {
        display: inline-block;
        margin-left: 10px;color: #C4C4C4;
        }
        .coin-ipb span {
            font-size: 20px;  font-weight: bold;  display: block;
        }
        .coin-ipb #sub {
            text-align: center;  font-weight: normal;
        }
        .coin-ipb {
            float: none;  margin: 0 0 5px 0;
            padding: 10px;  text-align: center;  font-weight: normal;  display: block;
            background: #80B700;
            border-radius: 3px;
            color: white;font-size: 13px;
        }
        .repu-ipb {
            background: #DEDEDE;  color: #6E6E6E; 
            float: none;  margin: 0 0 5px 0;  padding: 10px;  text-align: center;  font-weight: normal;  display: block;      border-radius: 3px;
            font-size: 13px;
        }
        .repu-ipb span {
            font-size: 20px;  font-weight: bold;  display: block;
        }
        .band-right {
            margin-left: 612px;
          top: -35px;
        position: relative;
        }
        .co-ipb#profile {
            border: 0;
        }
        .co-ipb#profile .in-ipb {
            width: 600px;
            border: 1px solid #EEE;
            float: left;
            border-top: 0;
        }
        h2#estadis {
            width: 580px;
            font: normal 14px helvetica, arial, sans-serif;  padding: 8px 10px;
            background: #DBE2EC;  color: #204066;
            border: 1px solid #DBE2EC;
        }
        .module-ipb-right h2 {
            font: normal 14px helvetica, arial, sans-serif;  padding: 8px 10px;  background: #DBE2EC;  color: #204066;
        }
        .main-ipb-f {
            padding: 9px;
        }
        .main-ipb-f .clear + a.mainmenu {
            display: block;
            text-align: center;
        }
        .main-ipb-f .friend-block {
            display: inline-block;
            float: none;
        }
        .main-ipb-f .avatar img {
            padding: 1px;  border: 1px solid #D5D5D5;  background: #FFF;      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        }
        .main-ipb-f .avatar {
            border: 0;
            background: none;
            width: auto;
        }
        .main-ipb-f div.clear + a.mainmenu[href^="/u"], non.main-ipb-f .friend_list_online_status img {
        display: none;
        }
        .profi-add-ipb a#search-i {
            background: #E6E6E6 url("http://i.imgur.com/tS9vehw.png") no-repeat 5px;
        }
        .rating-profile {
            margin: 10px 0 20px 0;
        }
        .register-date {
            margin-bottom: 10px;
            font: normal 13px helvetica,arial,sans-serif;
        }
        .profi-add-ipb {
        position: absolute;
        right: 30px;
        top: 95px;
        color: rgba(0, 0, 0, 0);
        }
        .profi-add-ipb br {
            display: none;
        }
        .pun .profi-add-ipb a {
            display: inline-block;
            background: #E6E6E6 url("http://i.imgur.com/5MlMsua.png") no-repeat 5px;
            height: 17px;
        line-height: 17px;
            padding: 2px 2px 2px 25px;     
            border: 1px solid rgb(207, 207, 207);   
            box-shadow: 0px 7px 21px rgba(255, 255, 255, 0.76) inset, 0px 1px 0px rgba(0, 0, 0, 0.41);      border-radius: 3px;  color: #616161;    white-space: nowrap;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;
            margin-right: 15px;font-size: 12px;
        }
        .pun .profi-add-ipb a:hover {
            border: 1px solid #A0A0A0;
        }
        .pun .profi-add-ipb a#men {
        background: #E6E6E6 url("http://i.imgur.com/LE1LFBD.png") no-repeat 5px;
        }
        .pun .nav-ipb-top a {
            color: rgb(85, 85, 85);
        }
        .nav-ipb-top {
            position: relative;
            margin-left: -140px;
            margin-bottom: 10px;
        }
        .nav-ipb-top span {
        margin: 0 5px;
        }
        .mod-center {
        padding-bottom: 50px;
        }
        #word-link {
            position: absolute;
            bottom: 19px;
            right: 26px;
            z-index: 999!important;
            color: #777;
            font: normal 9px helvetica;
            text-align: right;
        }
        .co-ipb div.activetab {
        display: block!important;
        }Łpanda_selector_1409656120498_188_m_pandaŁ{opacity: 1!important;}
}
    .ipsBox {
      background: none 0px 0px repeat scroll rgb(49, 49, 49) !important;
      border: 1px solid #3E3E3E !important;
    }
    .ipsBox_container {
      background: none repeat scroll 0 0 rgb(29, 29, 29) !important;
      border: 1px solid #3E3E3E !important;
    }
    .ipsButton_secondary {
      display: inline-block !important;
      background: rgb(75, 74, 74) !important;
      box-shadow: rgba(5, 5, 5, 0.407843) 0px 7px 27px inset, rgba(0, 0, 0, 0.407843) 0px 1px 0px !important;
      border: 1px solid rgba(61, 61, 61, 0.760784) !important;
      border-image-source: initial;
      border-image-slice: initial;
      border-image-width: initial;
      border-image-outset: initial;
      border-image-repeat: initial;
      border-radius: 3px !important;
      text-shadow: black 0px -1px 1px !important;
      color: rgb(255, 255, 255) !important;
      font-size: 12px;
    }
    .ipsVerticalTabbed_tabs > ul {
      border-left: 1px solid #4D4D4D !important;
      border-top: 1px solid #4D4D4D !important;
    }
    .ipsVerticalTabbed_tabs li a:hover {
      background: #3F3E3E !important;
      color: #808080 !important;
    }
    .general_box h3 {
      background: none repeat scroll 0 0 #535355 !important;
      color: #FFFFFF !important;
    }
    .general_box {
      background: none repeat scroll 0 0 #313030!important;
      color: white !important;
    }
    #profile_panes_wrap .reputation {
      background: #535355;
      border: 1px solid #565658;
      color: #FFFFFF;
      padding: 10px !important;
}
.ipsVerticalTabbed_tabs li {
  background: none repeat scroll 0 0 #4C4C4D !important;
  border-bottom: 1px solid #686464!important;
  text-shadow: 0 -1px 1px #000 !important;
}
.ipsVerticalTabbed_tabs li {
  background: none repeat scroll 0 0 #4C4C4D !important;
  border-bottom: 1px solid #686464!important;
  text-shadow: 0 -1px 1px #000 !important;
}
.ipsVerticalTabbed_tabs li.active a {
  background: none repeat scroll 0 0 #3F3E3E!important;
  border-right: 0 !important;
  color: gray !important;
  width: 135px;
}
.statistici {
  width: 96%;
  margin-bottom: 10px;
  margin-left: 20px;
  background: #242424;
  border: 1px solid #141414;
  text-align: left;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 1px 0px #474747;
}
.descriere img {
  margin-left: -45px;
  margin-top: -10px;
}
.pun tbody.statused span.status {
  display: none !important;
}
.pun table.table td {
  border: 1px solid #000 !important;
  box-shadow: none !important;
}
a span[style="color:#0174DF"] strong {
position: relative;
}
a span[style="color:#AB2C2C"] strong {
position: relative;
}
a span[style="color:#AB2C2C"] strong:hover:after {
background-color:#AB2C2C;
content: "C.E.O. Founders";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
top:15px;
right:0;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-35px;
}

a span[style="color:#ED3D3D"] strong {
position: relative;
}
a span[style="color:#ED3D3D"] strong:hover:after {
background-color:#ED3D3D;
content: "Administrator";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
top:15px;
right:0;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-35px;
}

a span[style="color:#135E00"] strong {
position: relative;
}
a span[style="color:#135E00"] strong:hover:after {
background-color:#135E00;
content: "Global Moderator";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
top:15px;
right:0;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-35px;
}

a span[style="color:#1DD600"] strong {
position: relative;
}
a span[style="color:#1DD600"] strong:hover:after {
background-color:#1DD600;
content: "Moderator";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
top:15px;
right:0;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-35px;
}

a span[style="color:#FF4FFF"] strong {
position: relative;
}
a span[style="color:#FF4FFF"] strong:hover:after {
background-color:#FF4FFF;
content: "Designer";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
top:15px;
right:0;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-35px;
}

a span[style="color:#ffffff"] strong {
position: relative;
}
a span[style="color:#ffffff#ffffff"] strong:hover:after {
background-color:#ffffff;
content: "Membru";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
top:15px;
right:0;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-35px;
}
.vote {
float:right;
margin-left:4px;
width: 30px;
}
.vote .vote-no-bar {
text-align: center;
}
#change_photo {
  display: none !important;
}
#profile_photo {
  max-width: 145px !important;
  min-width: 145px !important;
  min-height: 180px !important;
  max-height: 400px !important;
  margin-top: -40px !important;
}
.multumesc-msg{
  text-align: center !important;
  font-weight: bold;
  color: orange;
  font-size: 16px;
  margin-top: 60px;
}

.multumesc-msg img{
  position: relative;
  top: 5px;
}

.multumesc-msg div{
  margin-left: 5px;
  margin-right: 5px;
  display: inline !important;
}
.pun .user-ident .user-basic-info a img,
form[action *="/profile"] .frm fieldset.frm-set dl dd img {background:url("http://i39.tinypic.com/11rahqw.jpg") no-repeat scroll 0 0 transparent;height: 94px;padding: 17px;width: 94px;}
ul.profile_field_list label img { background: none repeat scroll 0 0 transparent !important;height: auto !important;width: auto !important; padding: 1px !important;}
}
.topic-blocat{
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url(http://1.bp.blogspot.com/_5rlxf3T9Z9U/SsIXuytpYfI/AAAAAAAADcI/I4Tm0W5gDQk/lock_32.png);
  color: #750000 !important;
  background-color: #D26067;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  font-size: 18px;
  text-shadow: 1px 1px 1px #AAA;
}
.field_uneditable {
  position: relative !important;
  top: -13px !important;
.body {
  }
  ul#pun-legend {
  display: none !important;
  }
  .pun .posthead {
  border-bottom: 1px solid #000 !important;
}
.postfoot {
  border-top: 1px solid #000000 !important;
  }
  .pun tbody.statused td.tcl.tdtopics {
  line-height: 50px !important;
  }
  .lastpost-info {
  line-height: 50px !important;
  }
  .pun tbody.statused span.status {
    display: block!important;
  }
 a[href="/g10-c-e-o-founders"] {
    background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
  }
  .pun tbody.statused span.status img {
    margin-left: -20px;
    padding-top: 29px!important;
    display: inline-block!important;
  }
.fa_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
  }
  .user-info img {
    background: #131313;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 3px;
    margin-top: 4px;
    border: 1px solid black;
}
.user-info span img {
    background: transparent !important;
    border: 0px !important;
    height: auto !important;
    width: auto !important;
    padding: 0px !important;
    margin: 0px !important;
  }
  .nope{width: auto!important; height: auto!important;}
.user-info img { width: 22px; height: 22px;}
.body {

Intra in foaia de still CSS si mergi pana in josul pagini
si cauta acest aliniat, este chiar ultimul .

Cod:

.body {

Si stergel .

Lam ster si imi da eroare la CSS

Ce reprezinta asta ?

Este CSS-ul tau. Dar fara erori !

Nu e bun !

Up cineva

șterge

Cod:

.body {

Apoi fa un rand nou si pune

Cod:

 }

Altceva nimic. Sper sa-ti mearga !