Tengo un problema no se css y quiero sustituir el logo de este theme pero las dimensiones de el nuevo logo son
width: 324px;
height:50px;
y las del anterior
width: 250px;
height:50px;
aquí les incluyo el archivo que contiene la referencia del logo en el tpl y el css no se por que los demás menús no bajan cuando el logo aumenta de tamaño por favor pido ayuda ya pague el host y estoy esperando resolver esto para subirla
este es logo normal
asi se pone cuando le cambio el logo
les dejo imágenes del logo normal y del k quiero poner nuevo y lo que sucede
el archivo t.pl
Código:
<!-- Copyright © 2007 - Next Generation Theme - You can buy this theme at online.phpizabi.net -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{siteName}</title>
<!-- Meta Tags -->
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta name="robots" content="index, follow" />
<!-- CSS For All Browsers-->
<link rel="stylesheet" href="theme/default/style_sub.css" media="screen" type="text/css" />
<link rel="stylesheet" href="theme/default/new-styles.css" media="screen" type="text/css" />
<link rel="stylesheet" href="theme/default/style.css" media="screen" type="text/css" />
<link rel="stylesheet" href="theme/default/base.css" media="screen" type="text/css" />
<!--[if IE]>
<link rel="stylesheet" href="/_css/base_IE.css" media="screen" type="text/css" />
<![endif]-->
<!-- JavaScript -->
<script type="text/javascript" src="{themePath}/javascript.js"></script>
</head>
<body>
<div id="laneContainer"></div>
<div id="container" class="about">
<!-- aqui es don de ase referencia al logo -->
<div id="logo"><a href="/">{siteName}</a></div>
<p id="navUtilities">
........
aqui dejo el documento css en que ase referencia al logo solo en este documento
Código:
body {
background: url(images/frame/bg-body2.gif) repeat-x;
}
#logo {
position: inherit;
height:70px;
}
#logo a {
display: block;
position: absolute;
top: 18px;
width: 250px;
height:50px;
text-indent: -5000px;
overflow: hidden;
background: url(images/frame/logo.gif) no-repeat;
}
#navUtilities {
left: auto;
right: 0;
height: auto;
}
#nav {
margin-bottom: 0;
}
/* sub navigation
==============================================================================*/
#subNav {
list-style: none;
min-height: 30px;
}
.audio #subNav {
padding-left: 70px;
}
.events #subNav {
float: right;
padding-right: 110px;
}
.members #subNav {
float: right;
padding-right: 30px;
}
.bookstore #subNav {
float: right;
}
#subNav li {
float: left;
padding: 0 5px;
height: 30px;
background: url(images/frame/divider-subnav_v.gif) no-repeat right bottom;
}
#subNav .last {
background: none;
}
#subNav li a {
display: block;
font: normal 1.1em/2.7em 'lucida grande',tahoma, sans-serif;
color: Lime;
}
#subNav li a:hover {
text-decoration: none;
color: #2388ff;
}
/* sidebar
==============================================================================*/
#sideBar {
position: relative;
float: left;
margin: 5px 0px 0 0;
width: 268px;
background: #e7f4f4 url(images/frame/bg-sidebar.gif) repeat-y center top;
}
#sideBar #sideBarTop {
display: block;
margin-bottom: -10px;
height: 10px;
background: url(images/frame/sidebar_top.gif) no-repeat center top;
}
#sideBar #sideBarBottom {
display: block;
margin-top: -10px;
height: 10px;
background: url(images/frame/sidebar_bottom.gif) no-repeat center top;
}
#sideBar h2 {
padding: 15px 15px 15px 15px;
}
#sideBar p,
#sideBar li {
padding: 0px 15px 15px 15px;
font-family: 'lucida grande',tahoma,sans-serif;
}
#sideBar h2 {
margin-bottom: -15px;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
color: #555;
}
#sideBar p {
font-size:12px;
color: #777;
}
#sideBar p.fineprint {
font-size: 1.0em;
line-height: 1.2em;
color: #ccc;
}
#sideBar ul,
#sideBar ol {
margin: 15px;
}
#sideBar li {
color: #777;
font-size: 1.0em;
line-height: 1.4em;
}
#sideBar ul li {
margin: 5px 0;
padding: 0 15px;
list-style: none;
background: url(images/frame/arrow-miniorange.gif) no-repeat 0 .45em;
}
#sideBar a {
color: #2388ff;
font-weight: bold;
}
#sideBar a:hover {
text-decoration: none;
color: #333;
}
#sideBar .noStyle img {
margin: 10px 0;
}
#sideBar .right img {
position: relative;
right: 15px;
}
#sideBar .left img {
position: relative;
left: 15px;
}
/* content
==============================================================================*/
#content {
float: left;
width: 100%;
min-height:300px;
}
p {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #777;
}
#content.orangefont {
font-size:14px;
color:#FF9300;
}
#content a {
color: #2388ff;
font-weight: bold;
}
#content a:hover {
color: #FF9300;
text-decoration: none;
}
#content a img {
border: 1px solid #fff;
}
#content a:hover img {
background: #ffc;
border: 1px solid #2388ff;
}
#picturepadding {
margin: 1px 10px 2px 0;
}
/* Those are the styles for the fields on register.tpl ect
==============================================================================*/
fieldset {
margin: 15px 0;
padding: 15px 0;
border: 0 none;
border-top: 1px solid #60BFFB;
}
fieldset div {
margin: 0;
padding: 5px 0;
border-top: 1px dotted #ACDDFB;
}
fieldset div.last {
border-bottom: 1px dotted #ACDDFB;
}
legend {
display: block;
width: 100%;
margin: 0;
padding: 3px;
font: bold 14px 'lucida grande',tahoma,sans-serif;
color: #999;
background: #F0F9FF;
border-bottom: 1px solid #60BFFB;
}
label {
display: block;
float: left;
clear: left;
margin-right: 5px;
width: 110px;
font: normal 12px 'lucida grande',tahoma,sans-serif;
color: #777;
text-align: right;
}
div.long {
padding-left: 100px;
}
div.long label {
text-align: left;
width: auto;
float: none;
}
div.long input,
div.long select {
clear: none;
}
#content em.desc {
display: block;
margin: 0 0 0 105px;
font: italic 1em/1.1em 'lucida grande',tahoma,sans-serif;
color: #999;
}
/*#content fieldset .question {
margin: 0;
padding: 4px 4px 4px 25px;
background: #f7f7f7 url(/images/icon-question.gif) 3px 50% no-repeat;
}
fieldset .question label {
display: inline;
float: none;
width: auto;
}*/
div.checks {
padding-left: 110px;
}
div.checks label {
display: inline;
float: none;
width: auto;
text-align: left;
}
div.checks input {
clear: none;
}
#content div.checks p {
margin: 0 0 0 -90px;
}
#content div.checks em.desc {
margin-left: 10px;
}
div.important {
background: #ffc;
}
#content div.important .desc {
color: #999;
}
div.options label {
display: inherit;
float: none;
width: auto;
margin-left: 100px;
}
fieldset div.options input {
margin-right: 2px;
}
#content #content div.options p {
margin: 5px 0;
}
div.textarea label {
float: none;
width: 99%;
}
div.textarea textarea {
width: 99%;
height: 100px;
}
#content form .option {
margin: 5px 0;
padding: 4px;
font-size: 1.1em;
background: #eee;
}
#content form .option input {
margin-right: 2px;
}
form .formControls {
clear: both;
margin: 2em 0;
padding: .5em 1em;
background: #F0F9FF;
border-top: 1px solid #60BFFB;
border-bottom: 1px solid #60BFFB;
}
form .formControls span {
display: block;
float: left;
}