Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Profil ca pe IBP (punbb)

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Profil ca pe IBP (punbb)

Mesaj Scris de Fantasy Vin Iun 26, 2015 10:47 am

Salut ! Cum pot face profilul ca in imagine ? Folosesc punbb.

chenar profil - Profil ca pe IBP (punbb) Untitl11


Ultima editare efectuata de catre D1esel in Vin Iun 26, 2015 5:45 pm, editata de 1 ori
Fantasy

Fantasy
Membru onorific
Membru onorific

Mesaje : 2041
Varsta : 28
Localizare : Brăila / România
Data înscrierii : 07/01/2013
Mulțumiri : 87
Opera punBB

http://diversforum.forumgratuit.ro
Fantasy a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IBP (punbb)

Mesaj Scris de Zachary Vin Iun 26, 2015 11:51 am

Buna ziua,
Am sa va rog, inainte de a deschide un subiect cu o intrebare/problema, sa folositi functia Cautare, aceasta are un rol folositor in cadrul forumului. De asemenea, raspunsul la intrebarea/problema intampinata o veti gasi in urma rezultatelor cautarii.
Incercati:
https://help.forumgratuit.ro/t48966-
https://help.forumgratuit.ro/t49322-
Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IBP (punbb)

Mesaj Scris de Fantasy Vin Iun 26, 2015 12:19 pm

Imi da eroare la CSS

Uite 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;}



.texarea: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%);

background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.3, rgb(235,235,235)),
  color-stop(0.83, rgb(255,255,255))
); 
  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%);

background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.3, rgb(255,255,255)),
  color-stop(0.83, rgb(240,240,240))
);

  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}#header_menus li a.menucat:hover{border:0;cursor:default !important}#header_menus li
.downarrow{background:url(http://www.batalia.ro/forum/public/style_images/deflection/_menu_icons/down_arrow_head.png) no-repeat scroll left center transparent;display:inline-block;height:7px;width:9px}#header_menus li a.active .downarrow,#header_menus li:hover a.active:hover .downarrow, #header_menus li.active a.menu_active
.downarrow{background:url(http://www.batalia.ro/forum/public/style_images/deflection/_menu_icons/down_arrow_head_active.png) no-repeat scroll left center transparent;display:inline-block;height:7px;width:9px}#header_menus li a:hover .downarrow, #header_menus li a.active:hover .downarrow, #header_menus li a.menu_active
.downarrow{background:url(http://www.batalia.ro/forum/public/style_images/deflection/_menu_icons/down_arrow_head_hover.png) no-repeat scroll left center transparent;display:inline-block;height:7px;width:9px}#header_menus .submenu_container li a
.rightarrow{background:url(http://www.batalia.ro/forum/public/style_images/deflection/_menu_icons/right_arrow_head.png) no-repeat scroll left center transparent;display:inline-block;height:12px;width:6px;margin-top:7px;margin-right:5px}#header_menus .submenu_container li.active a .rightarrow, #header_menus .submenu_container li.active a:hover .rightarrow
, #header_menus .submenu_container li.active a.active:hover .rightarrow, #header_menus .submenu_container li.active a.menu_active
.rightarrow{background:url(http://www.batalia.ro/forum/public/style_images/deflection/_menu_icons/right_arrow_head_active.png) no-repeat scroll left center transparent;display:inline-block;height:12px;width:6px;margin-top:7px}#header_menus .submenu_container li a:hover .rightarrow, #header_menus .submenu_container li a.menu_active
.rightarrow{background:url(http://www.batalia.ro/forum/public/style_images/deflection/_menu_icons/right_arrow_head_hover.png) no-repeat scroll left center transparent;display:inline-block;height:12px;width:6px;margin-top:7px}#header_menus
.megamenu{background:#323232;font:normal 12px Verdana;margin:0px
auto;width:100%;height:100%;text-align:left}#header_menus
.category{min-width:150px;padding:10px
10px 10px 10px;top:0px;text-align:left}#header_menus .megamenu
a{display:block;float:left;min-width:100px;top:0px;text-align:left}#header_menus .category
a{display:block;float:left;min-width:100px;top:0px;text-align:left}#header_menus .block
p{margin-left:10px;margin-right:10px;margin-top:5px}#header_menus .category>.block{display:block;float:left}#header_menus .megamenu>.block{text-align:left;padding-left:10px;padding-top:10px;padding-bottom:10px;padding-right:10px}#header_menus .new_row, #header_menus .category .new_row
h3{padding-top:20px;display:block;float:left;text-align:left}#header_menus .category h3,#header_menus
h3{padding-bottom:5px;text-decoration:underline;float:left;text-align:left}




/*QUOTES, CODES AND SPOILERS----------------------------------*/

.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;}

/*END--QUOTES, CODES AND SPOILERS----------------------------------*/



/*LEGENDS----------------------------------*/

#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;}

/*LEGENDS----------------------------------*/


.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: left!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;
}
/* Aspect citate pentru forumurile punBB */
.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;}
}
Fantasy

Fantasy
Membru onorific
Membru onorific

Mesaje : 2041
Varsta : 28
Localizare : Brăila / România
Data înscrierii : 07/01/2013
Mulțumiri : 87
Opera punBB

http://diversforum.forumgratuit.ro
Fantasy a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IBP (punbb)

Mesaj Scris de Zachary Vin Iun 26, 2015 12:37 pm

Incercati: https://help.forumgratuit.ro/t47877-
Cat despre problema intampinata in Foaia de stil CSS, trebuia sa eliminati aceasta linie:
Cod:
Łpanda_selector_1409656120498_188_m_pandaŁ{opacity: 1!important;}
}


Ultima editare efectuata de catre Raykim in Vin Iun 26, 2015 1:54 pm, editata de 1 ori
Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IBP (punbb)

Mesaj Scris de Fantasy Vin Iun 26, 2015 12:58 pm

Tot nu merge foaia de CSS. Mi-l puteti da dvs. ?
Fantasy

Fantasy
Membru onorific
Membru onorific

Mesaje : 2041
Varsta : 28
Localizare : Brăila / România
Data înscrierii : 07/01/2013
Mulțumiri : 87
Opera punBB

http://diversforum.forumgratuit.ro
Fantasy a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IBP (punbb)

Mesaj Scris de Zachary Vin Iun 26, 2015 1:25 pm

Inlocuiti Foaia de stil CSS actuala cu aceasta:
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: left!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);
    }

    .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 {
    border: 0;
    }
.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;
    }
Tinand cont ca erorile sunt minore si aduce la cauzele in care erorile vor fi o prioritate, pt. a le evita, incercati sa creati codul cat mai corect, sa aplicati tot ceea ce tine de formele normalistice a unui cod, mai exact, gasesti un exemplu mai jos:
Cod:
body {
background: #ffffff;
}
Orice { sau } conteaza, daca unul dintre aceste semne lipsesc, codul devine nefunctional. Fericit


Ultima editare efectuata de catre Raykim in Vin Iun 26, 2015 1:54 pm, editata de 1 ori
Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IBP (punbb)

Mesaj Scris de Fantasy Vin Iun 26, 2015 1:43 pm

Multumesc, am rezolvat cu css. Am urmat si pasii din fiecare tutorial dar nu merge Supărat
Fantasy

Fantasy
Membru onorific
Membru onorific

Mesaje : 2041
Varsta : 28
Localizare : Brăila / România
Data înscrierii : 07/01/2013
Mulțumiri : 87
Opera punBB

http://diversforum.forumgratuit.ro
Fantasy a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IBP (punbb)

Mesaj Scris de Zachary Vin Iun 26, 2015 1:44 pm

Ti-am mentionat mai sus un subiect cu o rezolvare concreta, l-ai citit ?
Raykim a scris:Incercati: https://help.forumgratuit.ro/t47877-
Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IBP (punbb)

Mesaj Scris de Fantasy Vin Iun 26, 2015 2:51 pm

Acum imi apare ca-n imagine doar ca imi apre cu alb . Eu as vrea sa apara cu negru ca in imagine. S-ar potrivi si cu tema forumului meu. In momentul de fata se vede asa:

chenar profil - Profil ca pe IBP (punbb) Untitl12
Fantasy

Fantasy
Membru onorific
Membru onorific

Mesaje : 2041
Varsta : 28
Localizare : Brăila / România
Data înscrierii : 07/01/2013
Mulțumiri : 87
Opera punBB

http://diversforum.forumgratuit.ro
Fantasy a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IBP (punbb)

Mesaj Scris de Zachary Vin Iun 26, 2015 2:55 pm

Postati va rog adresa forumului dvs.
Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IBP (punbb)

Mesaj Scris de Fantasy Vin Iun 26, 2015 2:59 pm

Raykim a scris:Postati va rog adresa forumului dvs.

http://azzarocs.2morpg.com
Fantasy

Fantasy
Membru onorific
Membru onorific

Mesaje : 2041
Varsta : 28
Localizare : Brăila / România
Data înscrierii : 07/01/2013
Mulțumiri : 87
Opera punBB

http://diversforum.forumgratuit.ro
Fantasy a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IBP (punbb)

Mesaj Scris de Zachary Vin Iun 26, 2015 3:09 pm

Vizitati: Panoul de administrare => Afisare => Culori => Foaia de stil CSS si adaugati:
Cod:
.ipsBox {
  background: none repeat scroll 0 0 #1D1D1D !important;
}
.ipsBox_container {
  background: none repeat scroll 0 0 #181818 !important;
  border: 1px solid #1D1D1D !important;
}
.general_box h3 {
  background: none repeat scroll 0 0 #535355 !important;
}
.general_box {
  background: none repeat scroll 0 0 #313030 !important;
}
.ipsVerticalTabbed_tabs li {
  background: none repeat scroll 0 0 #181818 !important;
  border-bottom: 1px solid #303235;
}
.ipsVerticalTabbed_tabs > ul {
  border-left: 1px solid #303235 !important;
  border-top: 1px solid #303235 !important;
}
.ipsVerticalTabbed_tabs li a:hover {
  background: #3F3E3E !important;
  color: white !important;
}
Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum