Schimbarea dimensiunii logoului

Buna ziua,am o problema pe forumul meu.Am luat o tema de pe net si am modificat logoul dar acesta este prea lat,si as vrea sa modific dimensiunile acestuia dar am uitat ce cod c++ trebuia folosit,Mai am o problema tot legata de logo,nu stiu de ce dar in spatele lui se vede un patrat mare negru,si nu pot scapa caci nu gasesc care cod c++ l-a creeat.
Forum: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
C++:

Cod:

.pun .frm .frm-buttons input {
    font-size: 1em;
    line-height: 1.2;
    margin-right: 1em;
    overflow: visible;
    padding: 1px .5em 2px;
    vertical-align: middle;
}
.pun input {
    background: #393939 ;
    border-color: #585858 !important;
    color: #fff;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
      text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border: 0;
    padding: 5px 11px !important;
    cursor: pointer;
}
.frm-buttons {
    border-top: 0px double #000 !important;
    margin-bottom: -.7em;
    margin-top: .5em;
    padding: .7em 0 0 17.5em;
}
.pun .entry-content {
    overflow: visible !important;
    padding-bottom: .8em;
    width: 120% !important;
    margin-left: -30px !important;
}
.postfoot {
    margin: 0;
    background: #181818!important;
    border-top: 1px solid #323232 !important;
    margin-top: 10px !important;
    padding: 7px !important;
    clear: both;
    overflow: hidden !important;
    margin-left: -180px;
    margin-eight: -5px;
}
.pun .postmain {
    background: #252525!important;
    border-left: 1px solid #252525 !important;
    margin-left: 12em !important;
}
.pun .post .user {
    float: left;
    margin-left: -150px !important;
    margin-top: -1.8em;
    position: relative;
}
.pun .user {
    display: inline;
    overflow: visible;
    padding-top: 1.6em;
    white-space: normal;
    width: 170px !important;
    word-wrap: break-word;
}
.pun .user .user-info {
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1.8em;
}
.pun .posthead {
    background: #252525;
    border-bottom: 1px solid #323232;
    padding: .5em 1.3em .5em 1em;
}
.pun .postmain {
    background: #252525 !important;
    border-left: 1px solid #000;
    margin-left: 18em;
}
.pun .post {
    border-color: 0px solid #eee #fff #ccc !important;
    border-style: solid none;
    border-width: 0px 0 0px !important;
    margin: 0;
    background: #262626;
    border-top: 1px solid #323232;
    margin-top: 0px;
    padding: 7px;
    clear: both;
    overflow: hidden;
}
h2.topic-title {
    display: block;
}
.pun-crumbs {
    display: none;
}
ul#pun-legend, ul.pun-legend {
    display: none;
}
.main .main-foot {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #292929 !important;
    border-radius: 0px !important;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    margin-top: 5px;
    padding: 10px;
    text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
}
.pun .paged-foot, .pun .paged-head {
    background-color: transparent !important;
    border: 0px solid #000 !important;
    padding: .6em 1.3em .3em;
}
#pun-legend {
    display: none;
}
#onlinelist {
    background: #292929 !important;
    border-top: 0px solid #1E1E1D !important;
    font-size: 11px !important;
}
#stats {
    border-bottom: 1px solid #393939;
    border-top: 1px solid #393939;
    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    background: #222222 url(\'http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png\') repeat-x 0 -1px;
    font-size: 11px !important;
    font-weight: bold;
    padding: 8px;
}
.module .main-content {
    box-shadow: inset 0 0px 0 #1E1E1D !important;
    margin-top:-5px !important;
    border-top: 0px solid #393939 !important;
}
.module .main-head {
    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    background: #222222 url(\'http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png\') repeat-x 0 -1px !important;
    color: #fff;
    text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
    padding: 8px !important;
    font-size: 12px;
    font-weight: 300;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    overflow: hidden;
    margin-bottom: 4px;
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    background-blend-mode: overlay;
    margin-top: 0px !important;
    border-bottom: 1px solid #393939;
}
.module.main {
    margin: 5px !important;
}
.module {
    background: #292929;   
}
.pun tbody.statused span.status img {
    padding: 10px 2px 10px 8px !important;
    width: 33px;
    vertical-align: middle;
    margin-left: -20px;
}
.lastpost-avatar img {
    margin-top: 1px;
    border-radius: 0px !important;
    width: 30px;
    height: 30px;
    padding: 1px;
    margin-right: 9px;
    margin-left: -1px;
    border: 1px solid #515151;
    background: #393939;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.pun table .tcr {
    width: 38% !important;
}
.pun table .tcr {
    overflow: visible !important;
    padding: 0px !important;
    text-align: left !important;
}
body {
    font-size: 11px !important;
    color: #CCCCCC;
    background: url("http://demo.phpbb3styles.net/styles/0mega/theme/images/stripes.png") repeat left top #161616;
}
#pun-head #pun-navlinks {
    background: #171717;
    border-top: 1px solid #2b2b2b;
    border-bottom: 1px solid #3e3e3e;
    margin-left: -5px;
    margin-right: -5px;
    padding: 0px !important;
}
.pun {
    margin-top: 0px;
    margin-bottom: 20px;
    border: 1px solid #171717;
    background: #1a1a1a;
}
#pun-logo {
    position: relative;
    top: -1px;
}
#pun-visit, .main-box {
    display: none;
}
a.mainmenu {
    color: #bcbcbc;
    background: #1d1d1d;
    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: inline-block;
    outline: none;
    padding: 0px 13px;
    line-height: 34px;
    height: 34px;
    font-size: 11px;
    margin-bottom: -20px;
}
#pun-navlinks li a {
    margin: -14px !important;
    margin-bottom: -5px;
    margin-right: 8px !important; 
}
a.mainmenu:hover {
    background: #202020;
    border-top: 1px solid #303030;
    border-left: 1px solid #272727;
    border-right: 1px solid #272727;
    color: #fff;
}
.main .main-head {
    background: #1E3737 url(\'http://i.imgur.com/1rcqe8l.png\') repeat-x 0 0;
    color: #fff;
    text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
    padding: 12px;
    font-size: 12px;
    font-weight: 300;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 4px;
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    background-blend-mode: overlay;
    margin-top: 15px;
}
thead {
    display: none;
}
.pun .main-content {
    background-color: #292929;
    border: 1px solid #393939;
}
.pun table.table {
    background: #292929 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x !important;
    border-color: 0px solid #000;
    border-style: solid none none solid;
    border-width: 0px;
    line-height: 130%;
    padding: .6em 0 .7em;
    border-top: 1px solid #353535 !important;
    border-bottom: 1px solid #252525 !important;
}
#pun-about #qjump {
    display: none;
}
#pun-about {
    text-align: center !important;
}
#pun-about {
    background-color: #353535;
    border-color: #252525;
    border-style: solid;
    border-width: 1px;
    line-height: 150%;
    padding: 5px;
    margin-left: -5px;
    margin-right: -5px;
    text-align: right;
}

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

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



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


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



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

ol, ul {
list-style: none;
}

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





#pun-navlinks a {
  color: white;
}

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

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:none;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;}


/*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;
}
#pun-about:before {
    content:\'Thema PunBB By Ionut G-Zone v1.0\';
}
# logo {
 width: 500px;
}

bună seara,

pentru modificarea unui logo, vă recomand să faceți o cerere aici: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Numai bine!

vreau sa il modific prin c++ si sa scap si de acel patrat negru mare din spatele logoului.
Am incercat cu c++ astfel
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] {
width: 250px;
}
dar nu merge

încercați această variantă:

Panou de Administrare ~> Afisare ~> Imagini si culori ~> Administrare Imagini ~> General/navigare

Logo-ul forumului: introduceți adresa logo-ului acolo (înainte de asta, apăsați pe „Trimiteți o Imagine”, și încercați cu pixelii de acolo.

Buna dimineata

Cod:

#pun-logo img{
width: xpx;
}


Codul acesta nu a fcuntionat,imaginea si patratul negru oricum au ramas

Salut,

incercati si acest cod CSS

Cod:

#pun-logo img {
    width: VALpx px;
}

Inlocuiti VAL cu o valoare!

Salutari!