Logo não fica bem em diferentes resoluções do pc

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Logo não fica bem em diferentes resoluções do pc

Mensagem por HelixMendix 16.06.13 0:15

Qual é minha questão:
É o seguinte o logo do meu fórum não fica bem em diferentes PC´s, por exemplo no meu monitor FULL HD o logo fica perfeito veja a imagem a baixo

Logo não fica bem em diferentes resoluções do pc ZabOoip 


Já quando eu ligo o meu pc portatil o logo já não fica bem vejam a imagem a baixo

Logo não fica bem em diferentes resoluções do pc JJvjw4g

Eu acho que tem algo a ver com meu CSS por isso deixo ficar ele a baixo

Código:
/*lastpost*/
.mini_ava {
float: left;
}




.mini_ava img {
width: 36px;
height: 36px;
margin: 0 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}




.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}




































.pun .user-ident .username {
display: block;
font-size: 1.1em;
font-weight: 380!important;
margin-top: 0px;
padding: 5px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
padding: 10px 10px;
line-height: 150%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
border: 1px solid #D9DBDD;
border-radius: 3px;
margin-left: -16em;
margin-top: -0.7em;
position: relative;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #777;
  text-align: center;
  font-weight: normal;
}




















































#logo {
margin-top: 30px;
margin-left: -220px;
}
















body {
background: #1a1a1a url("http://i45.tinypic.com/35cmnow.png") repeat;
color: #5A5A5A;
font: normal 11px tahoma,helvetica,arial,sans-serif;
}




.container_IE {
background: #212121 url("http://i.imgur.com/5gizNfM.png") repeat;
margin-top: 130px;
position: relative;
z-index: 2;
padding-top: 10px;
box-shadow: rgba(255, 255, 255, 0.2) 0px -1px 0px;
}
  
a:link {
  text-decoration: none;
}




#main .module-advert .main-content {
background-color: transparent;
border: 0px;
}




#pun-about {
font-size: 0.8em;
text-align: right;
text-shadow: black 0px 1px 0px;
background: transparent;
border: none;
}




#pun-about ul li a {
color: white;
font-weight: 700;
}




#pun-about form {
display: none;
}




#pun-intro {
  display: none;
}




#pun-navlinks {
  display: none;
}




#pun-visit, .main-box {
background-color: transparent;
border: 0px;
margin: 0 0 1em;
padding: .6em 1em;
}




#pun-visit {
  display: none;
}












.right {
clear: both;
float: right;
}




.attach {
float: right;
}




/*topo*/
#branding {
background: black url("") no-repeat 50% 0;
height: 130px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1;
}




.wrapper {
margin: 0 auto;
width: 100%;
max-width: 1200px;
min-width: 990px;
}




/*logo*/
#logo {
float: left;
}




#logo a.textLogo {
color: white;
height: 110px;
line-height: 110px;
padding: 0 12px;




text-decoration: none;
font-size: 45px;
letter-spacing: -1px;
font-weight: 300;
font-family: "Helvetica Neue",Arial,sans-serif;
color: white;
text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px, rgba(0, 0, 0, 0.6) 0px 0px 14px;
}
/*primary nav*/
#primary_nav {
float: right;
font-weight: 200;
font-family: "Helvetica Neue",Arial,sans-serif;
text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px, rgba(0, 0, 0, 1) 0px 0px 8px;
font-size: 16px;
font-family: Tahoma;
font-weight: bold;
font-size: 14px;
margin: 44px 10px 0 0;
}




ol, ul {
list-style: none;
}




#community_app_menu > li {
margin: 0 3px 0 0;
position: relative;
}




#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: url("http://i.imgur.com/tGGpLxp.png") repeat;
background: rgba(0, 0, 0, 0.4);
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0px 1px 3px, rgba(255, 255, 255, 0.2) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.5) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0px 1px 3px, rgba(255, 255, 255, 0.2) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
color: white;
}




#community_app_menu > li.active > a {
background: url("http://i.imgur.com/kiSuynF.png") repeat;
background: rgba(0, 0, 0, 0.8);
-webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px, rgba(255, 255, 255, 0.25) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.25) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px, rgba(255, 255, 255, 0.25) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
color: white;
position: relative;
}




#community_app_menu > li > a {
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
outline: none;
padding: 0px 15px;
line-height: 40px;
height: 40px;
text-decoration: none;
}




.ipsList_inline > li:first-child {
margin-left: 0;
}




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




/*user bar*/
#user_bar {
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
background: #333 url("http://i.imgur.com/wopHcfp.png") repeat-x 0 50%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(255,255,255,0.05) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
margin-top: -5px;
}




#user_navigation {
float: left;
color: white;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
}




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




#user_navigation ul li {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}




#user_navigation a {
color: white;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
text-decoration: none;
}




#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: top;
position: relative;
margin: 10px 2px 0 0;
}




#user_navigation a:hover{background:rgba(255,255,255,0.05)}




#user_navigation .user_photo {
position: relative;
vertical-align: top;
padding: 0;
height: 24px;
width: 24px;
margin: 6px -6px 0px -6px;
}




#notify_link img, #inbox_link img {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: -2px;
}




#inbox_link img {
background-image: url('http://i.imgur.com/owF1pKg.png');
}




#notify_link img {
background-image: url('http://i.imgur.com/U9AWh9o.png');
}




img, .input_check, .input_radio {
vertical-align: middle;
}




/*search box*/
#search {
margin: 5px 5px 0 0;
}




#main_search{
  margin-top: 5px;
  font-size:12px;
  border:0;
  padding:0;
  background:transparent;
  width:138px;
  color: #DDD;
  outline:0
}




#main_search.inactive{color:#bcbcbc}




#search_wrap{
  position:relative;
  background:#1f1f1f;
  display:block;
  padding:0 26px 0 8px;
  height:26px;
  line-height:25px;
  -moz-border-radius:3px 4px 4px 3px;
  -webkit-border-top-left-radius:3px;
  -webkit-border-top-right-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -webkit-border-bottom-left-radius:3px;
  border-radius:3px 4px 4px 3px;
  -webkit-box-shadow:inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
  -moz-box-shadow:inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
  box-shadow:inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
  min-width:230px
}




#adv_search{
  width:26px;
  height:26px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  background:url('http://i.imgur.com/aO7FPxO.png') no-repeat 50% 50%;
  text-indent: -3000em;
  display:inline-block;
  margin-left:3px
}




#adv_search:hover{
  background-color:rgba(0,0,0,0.2)
}




#search .submit_input{
  background:#141414 url('http://i.imgur.com/TX7KFb7.png') no-repeat 50%;
  text-indent: -3000em;
  padding:0;
  border:0;
  display:block;
  width:26px;
  height:26px;
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  -moz-border-radius:0 3px 3px 0;
  -webkit-border-top-right-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  border-radius:0 3px 3px 0
}




#search .submit_input:hover{
  background-color:#0c0c0c
}




#search_options{
  font-size:10px;
  height:20px;
  line-height:20px;
  margin:3px 3px 3px 0;
  padding:0 6px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background:#333;
  color:#ccc;
  display:inline-block;
  text-shadow:rgba(0,0,0,0.4) 0px -1px 0px;
  float:right;
  max-width:80px;
  text-overflow:ellipsis;
  overflow:hidden
}




/*secondary navigation*/
#secondary_navigation {
background: rgba(0, 0, 0, 0.3);
box-shadow: inset rgba(0, 0, 0, 0.6) 0px 1px 3px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
line-height: 37px;
margin-top: 10px;
margin-bottom: 15px;
clear: both;
font-size: 11px;
}




.left {
float: left;
}




#secondary_navigation #breadcrumb li {
float: left;
}




#secondary_navigation #breadcrumb li.first a {
margin-left: 0;
background: none;
padding-left: 0px;
}




#secondary_navigation #breadcrumb li a {
padding-left: 12px;
margin-left: -15px;
background: url('http://i.imgur.com/tsNvN68.png') no-repeat 0 0;
display: block;
outline: none;
text-decoration: none;
}




#secondary_navigation #breadcrumb li span {
display: block;
padding-right: 17px;
padding-left: 4px;
background: url('http://i.imgur.com/XDromo3.png') no-repeat 100% 0;
}




#secondary_navigation a {
color: #888;
line-height: 37px;
height: 37px;
}




#secondary_navigation #breadcrumb li.first a span {
padding-left: 12px;
border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}




#secondary_navigation #breadcrumb li a:hover span{
  background-position:100% -43px
}




#secondary_navigation #breadcrumb li a:active{
  background-position:0 -86px
}




#secondary_navigation #breadcrumb li a:active span{
  background-position:100% -86px
}




#secondary_links{
  overflow:hidden;
  padding-right:4px
}




#secondary_links li{
  float:left;
  margin:0
}




#secondary_links a{
  padding:0 12px;
  display:block;
  text-decoration: none;
}




#secondary_links img{
  vertical-align:top;
  width:16px;
  height:16px;
  position:relative;
  margin:10px -4px 0 -4px
}




#secondary_links a#quickNavLaunch img{opacity:0.6}




#secondary_links a#quickNavLaunch:hover img{opacity:1}




/*table*/
.main .main-head {
background: #63A103 url('http://i.imgur.com/IhHEfSe.png') repeat-x 50% 0;
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
padding: 17px;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-top: 1px solid #F9FE36;
border-bottom: 1px solid #406E00;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.2) 1px 0px 0px, inset rgba(255, 255, 255, 0.2) -1px 0px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.2) 1px 0px 0px, inset rgba(255,255,255,0.2) -1px 0px 0px;
box-shadow: inset rgba(255, 255, 255, 0.2) 1px 0px 0px, inset rgba(255, 255, 255, 0.2) -1px 0px 0px;
overflow: hidden;
margin-top: 10px;
}




.main .main-head .page-title {
font-size: 12px;
font-weight: bold;
}




.main .main-foot {
  text-align: center;
font-weight: bold;
color: #222;
background: url('http://fcimage.net/public/style_images/imgfc/trans10.png') repeat;
background: #fcfcfc url('http://fcimage.net/public/style_images/imgfc/highlight.png') repeat-x 0 0;
border-radius: 0 0 4px 4px;
}




.pun table.table th {
color: #8F8F8F;
font-weight: bold;
text-shadow: white 0px 1px 0px;
background: #E3E3E3 url('http://i.imgur.com/QqNbKuj.png') repeat-x 0 0;
}




.pun table.table td {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/wireless/row_gradient.png") repeat-x;
border-bottom: 1px solid #E9E9E9;
border-right: 0px;
border-left: 0px;
}




.pun .main table td.tc2, .pun .main table td.tc3 {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/wireless/row_gradient.png") repeat-x;
}




.pun .main-content {
border: 1px solid white;
border-radius: 0 0 4px 4px;
}




.hierarchy {
  margin-left: 10px;
}




.desc {
  margin-left: 10px;
}




/*module*/
.module .main-content {
background: #2D2D2D;
color: #CCC;
border: 0;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
}




.module .main-head {
color: white;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
background: #333 url("http://i.imgur.com/O4Ngzz2.png") repeat-x 0 50%;
padding: 15px;
border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
border: 1px solid #2d2d2d;
border-top: 1px solid #555;
}




/*stats*/
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}




.statsPers li > span {
display: inline-block;
background: url('http://imgur.com/47KXvZn') repeat;
background: rgba(0, 0, 0, 0.1);
color: #DDD;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0px 1px 2px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.5) 0px 1px 2px, rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0px 1px 2px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
}




.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}




/*Statistics*/
#pun-info {  
background: #2D2D2D;
color: #CCC;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
border: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
}




.statistics_head{
color: white;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
background: #333 url("http://i.imgur.com/UdVVjcz.png") repeat-x 0 50%;
padding: 15px;
border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
border-bottom: 0;
border-top: 1px solid #555;
border-bottom: 1px solid #393939;
}
.statistics_head h1{
color: white;
font-size: 12px;
tahoma,helvetica,arial,sans-serif;
text-shadow: white 0px 1px 0px;
margin-left:10px;
}




#onlinelist {
background: #2d2d2d;
border: 0px;
border-top:none;
}




#onlinelist a {
  color: white;
}




#onlinechat {
background: #2d2d2d;
border-top: 1px solid #2d2d2d;
border-top:none;
}




/*footer*/
#footer_utilities, #footer_utilities a {
color: #EEE;
}




#footer_utilities {
height: 43px;
padding: 8px;
position: relative;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
background: #333 url("http://i.imgur.com/bAOGNfp.png") repeat-x 0 50%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px 1px 0px;
}




#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}




#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: #242424;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
outline: 0;
}




#bottomScroll:hover,#backtotop:hover{background:#161616;color:#fff;opacity:1}




#backtotop, #bottomScroll {
line-height: 20px;
text-align: center;
}
 
#backtotop img {
  margin-top: 5px;
}




#copyright {
text-align: right;
line-height: 22px;
float: right;
}




.skin_link {
float: left;
padding-top: 4px;
}




#rss_feed {
margin-top: -1px;
}




.clickable {
cursor: pointer;
}




/*box*/
.titlebox {
background: #EFEFEF;
text-shadow: white 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 10px;
overflow: hidden;
}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 650px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #777; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.titlebox dava a img {
  float: left;
  height: 50px!important;
  width: 50px!important;
  border: 1px solid #b3b3b3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.titlebox dava a img:hover {opacity: 0.9;}




















#stats {
color: white;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
background: #333 url("http://i.imgur.com/hXpCRI6.png") repeat-x 0 50%;
padding: 15px;
border: 1px solid #2d2d2d;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
}








/*lastpost*/
#avatar-lastpost img {
height: 30px;
width: 30px;
border: 1px solid #D5D5D5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top:16px;
margin-right:11px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}




#avatar-lastpost img:hover {opacity: 0.9;}




/*quick-reply*/
#quick_reply #textarea_content {
       clear: both;
       margin-left: 0px;
       margin-right: 0px;
       width: 100% !important;
       height: auto !important;
     }
      
     #text_editor_controls {
       display: !important;
     }
        
 #pun-qpost #textarea_content dt label{
  float:left;
}




fieldset.frm-set dl dd {
margin: auto!important;
}




/*smiley-box e quickreply*/
#smiley-box iframe{height: 260px;}
#smilies_categ{padding: 0px 0}
#smiley-box{border:1px solid #DDD;width:150px;margin:10px 0!important;padding:5px}
.pun .frm .frm-buttons input {
background-image: url(http://i.imgur.com/Qt4G6.png);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-image: initial;
border-radius: 4px;
box-shadow: 0 1px 2px #ccc;
color: #333;
cursor: pointer;
margin: 0 2px 16px;
padding: 7px 22px;
}




#quick_reply fieldset.frm-set dl dd {
margin: 0 auto;
background: #2F2F2F url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x left top;
}




#quick_reply .frm-buttons {
margin: 0 auto;
padding: 5px;
text-align: center;
background: #959595 url('http://i.imgur.com/iURiiOf.png') repeat-x 0 0;
border: 1px solid #9E9E9E;
border-bottom: 0;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.2) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
box-shadow: inset rgba(255, 255, 255, 0.2) 0px 1px 0px;
color: #363636;
text-shadow: #C2C2C2 0px 1px 0px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}




#textarea_content dt {display:none}




.main .main-content.frm {
background-color: #333;
}




a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-webkit-transition: all 0.218s;
border: 1px solid;
border-radius: 3px;
padding: 0px 0.91em;
}
button.button2, input.button2 {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 6px;
margin-bottom: 5px;
padding: 2px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
margin: 0px 0.25em;
overflow: visible;
padding: 2px 3px;
}




.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: black;
padding-left: 20px;
}




textarea {
-webkit-appearance: textarea;
background-color: #171717;
color: #777;
border: 1px solid;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
-webkit-box-orient: vertical;
resize: auto;
cursor: auto;
white-space: pre-wrap;
word-wrap: break-word;
}
/*quick avatar*/
#quick-avatar {
    float: left;
    padding: 11px;
}
#quick-avatar img {
margin-top: 41px;
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
#quick-avatar img:hover {
  border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}




/*chatbox*/
#chatbox, #chatbox_footer, #chatbox_members {
background: #1A1A1A;
border-top: 1px solid #161616;  
color: white;
}




#chatbox_header.main-head {
  margin: 0 auto;
  -moz-border-radius: 4px 4px 0 0;
-moz-box-shadow: inset rgba(255,255,255,0.2) 1px 0 0px, inset rgba(255,255,255,0.2) -1px 0 0;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.2) 1px 0 0px, inset rgba(255, 255, 255, 0.2) -1px 0 0;
background: #63A103 url(http://i.imgur.com/n1jQivZ.png) repeat-x 50% 0;
border-bottom: 1px solid #406E00;
border-radius: 4px 4px 0 0;
border-top: 1px solid #F9FE36;
box-shadow: inset rgba(255, 255, 255, 0.2) 1px 0 0px, inset rgba(255, 255, 255, 0.2) -1px 0 0;
padding: 2px;
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
}




.chatbox-title, .chatbox-title a.chat-title {
  color: white;
font-size: 12px;
font-weight: bold;
}




.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: white;
}




#chatbox_members .member-title {
background: #1a1a1a;
background-color: #F4F9FD;
background-image: none;
border-bottom: 2px solid red;
color: #A30000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
text-shadow: 1px 0 0 white;
}




#chatbox_members {
display: none;
}




div.main-content.chatbox.clearfix {
border: 1px solid #161616;
border-radius: 4px;
}




#chatbox p {
background: #2F2F2F url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x left top;
border-bottom: 1px solid #4d4d4d;
border-top: 1px solid #4d4d4d;
line-height: 1.2em;
}




#chatbox_footer {
  margin-top: 0px;
  width: 290px;
  min-width: 230px;
  background: #1a1a1a;
  float: right;
  clear:both;
  position: relative;
  border-top: 1px solid #161616;
}




.right {
clear: both;
float: right;
}




input#message.post {
height: 45px;
width: 240px;
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
margin: 20px;
margin-bottom: 0px;
}




#message, #submit_button {
  background: #323232 url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png') repeat-x 0 0;
border-color: #2B2B2B;
color: white;
text-shadow: #2B2B2B 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
padding: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
margin: 10px;
margin-top: 0px;
margin-left: 20px;
}




#message, #submit_button:hover {
  opacity: 0.9;
}




.fontbutton {
background: #646464 url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png') repeat-x 0 0;
border: 1px solid #585858;
color: white;
text-shadow: #474747 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
border-radius: 2px;
color: black;
cursor: pointer;
float: left;
margin: 3px;
padding: 3px;
margin-right: 10px;
text-align: left;
}




.fontbutton:hover {
  opacity: 0.9;
}




#divsmilies img + img{visibility:visible!important}




#chatbox_messenger_form div.right img{visibility:hidden}




#simple-wrap {
  background:white;
}




#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}




#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}




#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}




#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}




#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}




#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}




#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}




#chatbox{
  background: #333;
  padding: 8px;
  border: 1px solid #222222;
  margin-top: 6px;
  margin-right: 290px;
  left:0
}
.right {
clear: both;
float: right;
}




.attach {
float: right;
}




.pun .frm-form {
background: #333 url("http://www.ipbforumskins.com/skindemo/public/style_images/engraved34x/row_gradient.png") repeat-x;
border: none;
}




.pun .frm .frm-form table {
border: 1px solid #BBB;
border-top: 1px solid #BBB;
}




.main .frm-info {
background: #333 url("http://www.ipbforumskins.com/skindemo/public/style_images/engraved34x/row_gradient.png") repeat-x;
border: 0px;
margin: 1.7em;
padding: 1em;
}




.pun input, .pun select {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
}




input[type="password"]:focus, input[type="text"]:focus, textarea:focus {
outline: none;
}




/*guest message*/
.guestMessage {
background: #FFF2DB url("http://www.ipbforumskins.com/skindemo/public/style_images/wireless/highlight.png") repeat-x 0 0;
color: #B85F1D;
line-height: 180%;
margin-bottom: 10px;
padding: 10px;
text-shadow: rgba(255, 255, 255, 0.55) 0px 1px 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}




.guestMessage .guestHeader {
background: #F0AF51;
-webkit-box-shadow: inset #B0720A 0px 1px 4px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
-moz-box-shadow: inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
box-shadow: inset #B0720A 0px 1px 4px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #9A6200;
text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
padding: 10px;
font-size: 1.1em;
font-weight: bold;
margin: -4px -4px 10px -4px;
}




.guestMessage a.guestButton {
background: #F0AF51;
-webkit-box-shadow: inset #B0720A 0px 1px 4px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
-moz-box-shadow: inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
box-shadow: inset #B0720A 0px 1px 4px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #9A6200;
text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
padding: 0 14px;
display: inline-block;
height: 36px;
line-height: 36px;
outline: 0;
margin: 10px 8px 0 0;
font-weight: bold;
text-decoration: none;
}




/*spoiler*/
.codebox dt {
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #ECECEC url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_strong.png') repeat-x 0 0;
border: 1px solid #D0D0D0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: white 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
}




.codebox dt:hover {
  color:#4c4c4c;background-color:#f8f8f8
}




.codebox {
background-color: transparent;
border: 0px;
margin: 1em;
}




.codebox dd {
background-color: transparent;
border: 1px solid transparent;
margin: .5em;
padding: .5em;
}




.codebox dd:hover {
border: 1px dashed #E3E3E3;
}















Endereço do meu fórum:
http://godown.foruns.com.pt/

Versão do fórum:
PUNBB


Última edição por HelixMendix em 16.06.13 12:24, editado 3 vez(es)
HelixMendix

HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo não fica bem em diferentes resoluções do pc

Mensagem por MateusA 16.06.13 0:21

Olá! Piscada

Isso depende da dimensão do seu computador, altere as dimensões do seu Notebook para as mesmas do Computador.

Até mais. Piscada
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo não fica bem em diferentes resoluções do pc

Mensagem por HelixMendix 16.06.13 0:23

Isso eu já sabia, mas não pode acontecer isso, tem que haver uma maneira de resolver isso, pois tenho outro fórum e ai já fica tudo bem. Se fosse assim então todos os fóruns quase iguais teriam sempre o mesmo problema
HelixMendix

HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo não fica bem em diferentes resoluções do pc

Mensagem por MateusA 16.06.13 0:25

Olá!

Na verdade, depende do efeito que e aplicado, se usar efeitos CSS3, alguns Navegadores com outras dimensões, interpretam diferente.
O navegador que está utilizando no Notebook e o mesmo do Computador?

Até mais.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo não fica bem em diferentes resoluções do pc

Mensagem por HelixMendix 16.06.13 0:27

Sim é o mesmo e já ouve outros membros a queixarem-se por exemplo este é o meu outro fórum http://www.rewtec.com/forum e veja onde está o logo e no entanto em qualquer PC ele fica bem e até no smartphone por isso alguma coisa está mal ou no CSS ou no template onde tenho a imagem.
HelixMendix

HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo não fica bem em diferentes resoluções do pc

Mensagem por MateusA 16.06.13 0:29

Olá!

Meu querido, não tem como definirmos uma dimensão para cada computador, se alterar a logo para ficar nas dimensões corretas do Notebook, a do Computador vai ficar desalinhada.

Até mais.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo não fica bem em diferentes resoluções do pc

Mensagem por HelixMendix 16.06.13 0:32

Crazy eu sei que deve haver algum código para isso pois se esse forum que lhe mostrei o logo fica bem em todos os computadores porque não há-de ficar esse que estou pedindo ajuda né?, Pois se assim fosse maior parte dos fóruns iriam ter esse problema, vou ter que aguardar que mais alguem saiba algo.
HelixMendix

HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo não fica bem em diferentes resoluções do pc

Mensagem por MateusA 16.06.13 0:46

Olá! Piscada

Meu querido, a dimensão do fórum citado, pode ser menor/maior que a sua, causando um resultado diferente, não tem como fazermos nada, em um código que já se encontra correto.

Um exemplo pratico e as versões de fóruns, fiz um código para Punbb, vou tentar aplicar na versão PhpBB3, não vai ter o resultado desejado.
Mais se quiser esperar alguém, mesmo que esse alguém vá lhe informar a mesma coisa, a escolha e sua.


Até mais. Rindo
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo não fica bem em diferentes resoluções do pc

Mensagem por HelixMendix 16.06.13 0:51

Então me explique uma coisa este é o meu fórum http://www.rewtec.com/forum voce está vendo bem onde está o Logo? ( Logo não fica bem em diferentes resoluções do pc Vg8wpj10 ) Ele está bem no lado esquerdo e ele aparece bem em todo o lado em qualquer computador, por isso alguma coisa está mal no meu CSS


Eu acredito que seja algo com isto

Código:
/*logo*/
#logo {
float: left;
}

#logo a.textLogo {
color: white;
height: 110px;
line-height: 110px;
padding: 0 12px;

text-decoration: none;
font-size: 45px;
letter-spacing: -1px;
font-weight: 300;
font-family: "Helvetica Neue",Arial,sans-serif;
color: white;
text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px, rgba(0, 0, 0, 0.6) 0px 0px 14px;
}


Mais isto

Código:

#logo {
margin-top: 30px;
margin-left: -100px;
}
HelixMendix

HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo não fica bem em diferentes resoluções do pc

Mensagem por MateusA 16.06.13 1:03

Olá!

Veja só, a propriedade responsável por alinhar o logo a esquerda e essa

Código:

        #logo {
        margin-top: 30px;
        margin-left: -100px;
        }

Seta No código acima procure por 100.

Seta Agora, se estiver em seu Notebook, vai aumentando ou diminuindo o 100, ele vai ajustar para as dimensões do seu Notebook.

Seta Lembrando, se ficar ajustado no Notebook, pode não ficar igual no Computador.

Até mais.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo não fica bem em diferentes resoluções do pc

Mensagem por HelixMendix 16.06.13 1:15

Tambem ja tinha feito isso e depois houve um user que se queixou que não via o logo todo.
HelixMendix

HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo não fica bem em diferentes resoluções do pc

Mensagem por HelixMendix 16.06.13 11:33

Resolvido!
HelixMendix

HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos