satorus Posted December 15, 2010 Report Share Posted December 15, 2010 Gente tengo una problematica con joomla resulta ser que quiero cambair el logo que dice joomla y ponerlo por una imagen de 250*800 ya todo bien hasta ahi pero cuando cambio los parámetros en template .CSS se ve de la siguiente manera los parámetros son div#header_l { position: relative; } div#header_r { height: 300px; padding-left: 370px; padding-right: 30px; padding-top: 25px; overflow: hidden; text-align: left; } div#logo { position: absolute; left: 0; top: 0; float: left; width: 800px; height: 250px; background: url(../images/mw_joomla_logo.png) 0 0 no-repeat; margin-left: 30px; margin-top: 25px; ********* de antemano muchas gracias por su ayuda Link to comment Share on other sites More sharing options...
VITOCOMANGA Posted December 16, 2010 Report Share Posted December 16, 2010 Fíjate en la carpeta images del template lo mas probable es que la imagen con la que estas reemplazando sea mayor que la del logo de joomla y esto cause el problema, dado que es probable que la plantilla tenga por defeto la posición logo y titulo, en vez de reemplazar logo mejor reemplaza header.jpg o header.png, seria mas fácil de ayudarte si subieras el template para verlo en funcionamiento Link to comment Share on other sites More sharing options...
satorus Posted December 17, 2010 Author Report Share Posted December 17, 2010 (edited) aqui esta el code del template .css otra duda mas como puedo centrar el logo? /*****************************/ /*** Core html setup stuff ***/ /*****************************/ html { height: 100%; margin-bottom: 1px; } form { margin: 0; padding: 0; } body { font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; margin: 0px 0px 0px 0px; font-size: 12px; color: #333; } a:link, a:visited { text-decoration: none; font-weight: normal; } a:hover { text-decoration: underline; font-weight: normal; } input.button { cursor: pointer; } p { margin-top: 0; margin-bottom: 5px; } img { border: 0 none; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #page_bg { padding: 10px 0; margin-bottom: 1px; } div.center { text-align: center; } div#wrapper { margin-left: auto; margin-right: auto; } body.width_medium div#wrapper { width: 950px; } body.width_small div#wrapper { width: 773px; } body.width_fmax div#wrapper { min-width: 750px; max-width: 1050px; } div#header_l { position: relative; height: 300px; } div#header_r { height: 300px; padding-left: 370px; padding-right: 30px; padding-top: 25px; overflow: hidden; text-align: left; } div#logo { position: absolute; left: 0; top: 0; float: left; width: 800px; height: 250px; background: url(../images/mw_joomla_logo.png) 0 0 no-repeat; margin-left: 30px; margin-top: 25px; } div#newsflash { width: auto; margin-left: 350px; margin-right: 30px; border: 1px solid #00f; } div#tabarea { background: #f7f7f7 url(../images/mw_header_b.png) 0 0 repeat-x; margin: 0 11px; } div#tabarea_l { background: url(../images/mw_header_l_b.png) 0 0 no-repeat; padding-left: 32px; } div#tabarea_r { height: 42px; background: url(../images/mw_header_r_b.png) 100% 0 no-repeat; padding-right: 1px; } div#footer_r { padding-top: 10px; height: 47px; overflow: hidden; } div#footer_r div { text-align: center; font-size: .90em; color: #aaa; } div#footer_r a:link, div#footer_r a:visited { color: #999; } div#footerspacer { height: 10px; } #pathway { padding: 0px 10px 8px; width: auto; margin-top: -2px; margin-right: 250px; text-align: left; } #search { float: right; width:320px; margin-top: -20px; margin-right: 30px; height: 40px; overflow: hidden; text-align:right; } form#searchForm input { vertical-align: middle; } form#searchForm table { border-collapse: collapse; } form#searchForm td { padding:0; } #mod_search_searchword { padding-left: 3px; } #area { padding: 0; } #whitebox { margin: 0 21px 0px 21px; background: #fff; width: auto; } #whitebox div { text-align: left; } #whitebox_t { background: #fff url(../images/mw_content_t.png) 0 0 repeat-x; } #whitebox_tl { background: url(../images/mw_content_t_l.png) 0 0 no-repeat; } #whitebox_tr { height: 10px; overflow: hidden; background: url(../images/mw_content_t_r.png) 100% 0 no-repeat; } #whitebox_m { border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: auto; padding: 1px 8px; } #whitebox_b { margin-top: -5px; background: url(../images/mw_content_b.png) 0 100% repeat-x; } #whitebox_bl { background: url(../images/mw_content_b_l.png) 0 100% no-repeat; } #whitebox_br { height: 13px; background: url(../images/mw_content_b_r.png) 100% 100% no-repeat; } /* horizontal pill menu */ table.pill { margin-left: auto; margin-right: auto; padding: 0; } td.pill_l { background: url(../images/mw_menu_cap_l.png) no-repeat; width: 20px; height: 32px; } td.pill_m { background: url(../images/mw_menu_normal_bg.png) repeat-x; padding: 0; margin: 0; width: auto; } td.pill_r { background: url(../images/mw_menu_cap_r.png) no-repeat; width: 19px; height: 32px; } #pillmenu { white-space: nowrap; height: 32px; float: left; } #pillmenu ul { margin: 0; padding: 0; list-style:none; } #pillmenu li { float: left; background: url(../images/mw_menu_separator.png) top right no-repeat; margin: 0; padding: 0; } #pillmenu a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; float:left; display:block; height: 24px; line-height: 24px; padding: 0 20px; color: #000; text-decoration: none; } #pillmenu a#active_menu-nav { margin-top:2px; height: 21px; line-height: 21px; background-position: 0 0; } #leftcolumn { padding: 0; margin: 0; width: 20%; float:left; } #maincolumn, #maincolumn_full { margin-left: 20%; padding-left: 15px; width: 75%; } #maincolumn_full { margin-left: 0; padding: 0; width: 100%; } table.nopad { width: 100%; border-collapse: collapse; padding: 0; margin: 0; margin-bottom: 15px; } table.nopad td.middle_pad { width: 20px; } /*****************************************/ /*** Joomla! specific content elements ***/ /*****************************************/ div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; } span.pathway { display: block; margin: 0 20px; height: 16px; line-height: 16px; overflow: hidden; } /* headers */ div.componentheading { padding-left: 0px; } h1 { padding: 0; font-family:Helvetica ,Arial,sans-serif; font-size: 1.3em; font-weight: bold; vertical-align: bottom; color: #666; text-align: left; width: 100%; } h2, .contentheading { padding: 0; font-family: Arial, Helvetica,sans-serif; font-size: 1.4em; font-weight: normal; vertical-align: bottom; color: #333; text-align: left; width: 100%; } table.contentpaneopen h3 { margin-top: 25px; } h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } h3, .componentheading, table.moduletable th, legend { margin: 0; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 1.5em; padding-left: 0px; margin-bottom: 10px; text-align: left; } /* small text */ .small { font-size: .90em; color: #999; font-weight: normal; text-align: left; } .modifydate { height: 20px; vertical-align: bottom; font-size: .90em; color: #999; font-weight: normal; text-align: left; } .createdate { height: 20px; vertical-align: top; font-size: .90em; color: #999; font-weight: normal; vertical-align: top; padding-bottom: 5px; padding-top: 0px; } a.readon { margin-top: 10px; display: block; float: left; background: url(../images/mw_readon.png) top right no-repeat; padding-right: 20px; line-height: 14px; height: 16px; } /* form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /** overlib **/ .ol-foreground { background-color: #f6f6f6; } .ol-background { background-color: #666; } .ol-textfont { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .ol-captionfont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f6f6f6; font-weight: bold; } .ol-captionfont a { color: #0B55C4; text-decoration: none; font-size: 12px; } .ol-closefont {} /* menu links */ a.mainlevel:link, a.mainlevel:visited { padding-left: 5px; } a.mainlevel:hover { } /* spacers */ span.article_separator { display: block; height: 20px; } .article_column { padding-right: 5px; } .column_separator { border-left: 1px dashed #e0e0e0; padding-left: 10px; } td.buttonheading { } td.buttonheading img { border:none; } .clr { clear: both; } td.greyline { width: 20px; background: url(../images/mw_line_grey.png) 50% 0 repeat-y; } div#maindivider { border-top: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; height: 1px; } table.blog span.article_separator { display: block; height: 20px; } /* edit button */ .contentpaneopen_edit{ float: left; } /* table of contents */ table.contenttoc { margin: 5px; border: 1px solid #ccc; padding: 5px; float: right; } table.contenttoc td { padding: 0 5px; } /* content tables */ td.sectiontableheader { background: #efefef; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff; } tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; } /* content styles */ table.contentpaneopen, table.contentpane { margin: 0; padding: 0; width: 100%; } table.contentpaneopen li { margin-bottom: 5px; } table.contentpaneopen fieldset { border: 0; border-top: 1px solid #ddd; } table.contentpaneopen h3 { margin-top: 25px; } table.contentpaneopen h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } .highlight { background-color: #fffebb; } /* module control elements */ table.user1user2 div.moduletable { margin-bottom: 0px; } div.moduletable, div.module { margin-bottom: 25px; } div.module_menu h3 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #eee; margin: -23px -4px 5px -5px; padding-left: 10px; padding-bottom: 2px; } div.module_menu { margin: 0; padding: 0; margin-bottom: 15px; } div.module_menu div div div { padding: 10px; padding-top: 30px; padding-bottom: 15px; width: auto; } div.module_menu div div div div { background: none; padding: 0; } div.module_menu ul { margin: 10px 0; padding-left: 20px; } div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight: bold; } #leftcolumn div.module { padding: 0 10px; } #leftcolumn div.module table { width: auto; } /* forms */ table.adminform textarea { width: 540px; height: 400px; font-size: 1em; color: #000099; } div.search input { width: 145px; border: 1px solid #ccc; margin: 15px 0 10px 0; } form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;} form#form-login ul { padding-left: 20px; } form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;} form#com-form-login ul { padding-left: 20px; } /* thumbnails */ div.mosimage { margin: 5px; } div.mosimage_caption { font-size: .90em; color: #666; } div.caption { padding: 0 10px 0 10px; } div.caption img { border: 1px solid #CCC; } div.caption p { font-size: .90em; color: #666; text-align: center; } div.img_caption { padding: 0 10px 0 10px; } div.img_caption img { border: 1px solid #CCC; } div.img_caption p { font-size: .90em; color: #666; text-align: center; } /* Parameter Table */ table.paramlist { margin-top: 5px; } table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; } table.paramlist td.paramlist_value { } div.message { font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size : 14px; color : #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px; } /* Banners module */ /* Default skyscraper style */ .bannergroup { } .banneritem img { display: block; margin-left: auto; margin-right: auto; } /* Text advert style */ .banneritem_text { padding: 4px; font-size: 11px; } .bannerfooter_text { padding: 4px; font-size: 11px; background-color: #F7F7F7; text-align: right; } /* System Messages */ /* see system general.css */ .pagination span { padding: 2px; } .pagination a { padding: 2px; } /* Polls */ .pollstableborder td { text-align: left; } /* WebLinks */ span.description { display:block; padding-left: 30px; } /* Frontend Editing*/ fieldset { border: 1px solid #ccc; margin-top: 15px; padding: 15px; } legend { margin: 0; padding: 0 10px; } td.key { border-bottom:1px solid #eee; color: #666; } /* Tooltips */ .tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; } .tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; } .tool-text { font-size: 100%; margin: 0; } /* System Standard Messages */ #system-message { margin-bottom: 20px; } #system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;} /* System Error Messages */ #system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;} /* System Notice Messages */ #system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;} #syndicate{ float:left; padding-left: 25px; } #power_by{ float:right; padding-right: 25px; } /* Component Specific Fixes */ #component-contact table td { padding: 2px 0; } Edited December 17, 2010 by satorus Link to comment Share on other sites More sharing options...
VITOCOMANGA Posted December 17, 2010 Report Share Posted December 17, 2010 me gustaría que subieras el template completo para darle una mirada, no todos son iguales y no se que pocisiones tiene, es uno de los que vienes por defecto en joomla? podrias subirlo a MU para darle una miradita si no dame el nombre del template Link to comment Share on other sites More sharing options...
satorus Posted December 17, 2010 Author Report Share Posted December 17, 2010 ya aqui esta la template entera http://www.mediafire.com/?57qz4689breog7c gracias por la ayuda ^^ Link to comment Share on other sites More sharing options...
maipgeut Posted December 22, 2010 Report Share Posted December 22, 2010 pero la imagen es muy grande para el header, por eso se ve descuadrada, tendrias que jugar con el padding left y right para arreglarlo o sino con la imagen saludos Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now