Diseño y Posicionamiento Web con Joomla › Foros › General › Joomla en General › Templete sin posicion de logo
- Este debate tiene 2 respuestas, 1 mensaje y ha sido actualizado por última vez el hace 12 años, 11 meses por Anónimo.
-
AutorEntradas
-
-
25/01/2012 a las 06:36 #103801AnónimoInvitado
Cuento con un templete el cual no cuenta con una posición para el logotipo, he intentado agregar un logo pero no logro entender como agregarlo.
Me han recomendado lo siguiente:
[b]In the template there’s no logo image. Just edit module “Logo” in Module Manager and change “templete X” text to something else.
HTML code inside the Logo module should not be changed. It’s:
[/b]Con todo y que me han pasado esta informacion no la he logrado entender.
Alguien podria ayudarme con este asunto.
-
28/01/2012 a las 17:27 #103873AnónimoInvitado
He solucionado el problema que tenia de la siguiente manera:
Cree un modulo personalizado html llamado logo en el gestor de modulo en el apartado de administrator, posteriormente volvi a crear un nuevo modulo personalizado html pero ahora en el area del site del back end de joomla, en este modulo agregue el siguiente codigo desde la herramienta html del editor
Como ultimo recurso agregue el logo a la siguiente ruta: mi templete/imagenes.
Hasta aqui todo bien, ahora si ya puedo visualizar el logo en el templete.
Ahora el unico detalle es que el logo me queda pegado a los item de menu segun se muestra en la imagen queanexo.
[b]Nota: Adicionalmente anexo el archivo css para ver si alguien me auxilia a corregir este problema.
[/b]/*------------------------------------------------------------------------
-------------------------------------------------------------------------*/
/* basics */
a:link,a:visited,a:hover {
text-decoration:none;
}a.readon:link,a.readon:visited,
a.readmore:link,a.readmore:visited {
display:block;
float:right;
text-align:center;
font-size:11px;
padding:0 2px;
font-weight:bold;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}img {
border:0;
}fieldset {
border:0;
}hr {
border-bottom:none;
border-top:1px dotted #222;
border-left:none;
border-right:none;
}.logo_line1 {
font-family: 'Rokkitt', arial, serif;
font-size:48px;
font-weight:bold;
line-height:48px;
text-shadow:3px 3px #000;
}table.contentpaneopen {
width:100%;
padding-bottom:8px;
}table.contentpaneopen .contentheading,
table.contentpaneopen .contentheading h2 {
padding:0;
}.sectiontableheader {
font-weight:700;
padding:5px;
border-bottom:1px dotted #222;
}.sectiontableentry1 td {
padding:5px;
text-align:left;
}.sectiontableentry2 td {
padding:5px;
text-align:left;
}td.sectiontableentry1, td.sectiontableentry2 {
text-align:left;
padding:5px;
}.moduletable td.sectiontableentry1,
.moduletable td.sectiontableentry2 {
padding:0px;
margin:0;
}.moduletable td.sectiontableentry1 input,
.moduletable td.sectiontableentry2 input {
padding:0;
margin:0 5px 0 0;
}.componentheading,h1 {
font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
font-size:24px;
font-weight:bold;
margin:0 0 15px;
padding:0;
line-height:40px;
}.contentheading,h2 {
font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
font-size:20px;
font-weight:bold;
padding:3px 0;
margin:0;
text-decoration:none;
line-height:32px;
}.article_author {
font-size:11px;
border-right:1px dotted #333333;
padding:0 5px 0 2px;
}.article_date {
font-size:11px;
padding-left:5px;
}.createdate,.modifydate,.small {
font-size:11px;
}td.createdate {
width:50%;
}span.pagenav {
background:#cecece;
color:#fff;
padding:4px 12px;
text-transform:uppercase;
}a.pagenav {
color:#fff !important;
padding:4px 12px;
text-decoration:none;
text-transform:uppercase;
}.inputbox {
border:1px solid #cacaca;
padding:4px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}textarea.inputbox {
background:#ccc;
}.search .inputbox {
color:#fff;
padding:6px;
background:url(../images/content_bg2.png);
border:none;
}.button {
color:#fff;
border:none;
padding:0 10px;
font-size:13px;
line-height:20px;
background:#ff691d;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}table.searchinto {
width:100%;
}form {
margin:0;
padding:0;
}.article_column {
padding:0 15px;
}.article_separator {
height:1px;
display:block;
}/* lists */
ol {
margin-left:20px;
padding-left:7px;
}ol li {
padding-left:0;
padding-top:0;
padding-bottom:5px;
}li ol {
padding-top:5px;
}ul.checklist {
margin:0 0 0 5px !important;
padding:0 !important;
}ul.checklist li {
background:url(../images/icon_checklist.png) no-repeat;
padding:0 0 0 22px !important;
margin:0 0 5px 0 !important;
list-style:none;
}ul.arrow {
margin:0 0 0 5px !important;
padding:0 !important;
}ul.arrow li {
background:url(../images/icon_arrow.png) no-repeat;
padding:0 0 0 22px !important;
margin:0 0 5px 0 !important;
list-style:none;
}ul.star {
margin:0 0 0 5px !important;
padding:0 !important;
}ul.star li {
background:url(../images/icon_star.png) no-repeat;
padding:0 0 0 22px !important;
margin:0 0 5px 0 !important;
list-style:none;
}/* menu */
ul.menu {
margin:0;
padding:0;
}ul.menu li {
margin:0;
list-style:none;
padding:0px;
border-bottom:1px dotted #222;
}ul.menu li a:link, ul.menu li a:visited {
text-decoration:none;
display:block;
padding:3px 0;
font-weight:normal;
}ul.menu li ul {
margin:0;
padding:0;
display:block;
}ul.menu li ul li, ul.menu li ul li {
margin:0;
padding:0 15px;
background:none;
}li.active a:link,li.active a:visited,li.active a:link,li.active a:visited {
padding:7px;
}ul.menu li ul li#current a:link,ul.menu li ul li#current a:visited,ul.menu li ul li#current a:link,ul.menu li ul li#current a:visited {
background:none;
padding:7px;
text-transform:uppercase;
font-weight:normal;
}ul.menu li ul li a:link, ul.menu li ul li a:visited, ul.menu li#current ul li a:link, ul.menu li#current ul li a:visited {
color:#ccc;
background:none;
padding:7px;
text-transform:uppercase;
font-weight:normal;
}.footer ul.menu {
margin:0;
padding:0;
}.footer ul.menu li {
list-style:none;
float:left;
}.footer ul.menu li a:link,.footer ul.menu li a:visited {
color:#fff;
text-decoration:none;
display:block;
padding:0 15px 7px 0;
font-weight:normal;
}.footer ul.menu li a:hover {
color:#fff;
text-decoration:underline;
}.footer2 a:link,.footer2 a:visited {
color:#fff;
}.header_menu ul {
padding:0;
margin:0;
float:none;
list-style:none;
}.header_menu ul.menu li {
float:right;
list-style:none;
padding:0 10px;
margin:30px 0 15px 0;
border-right:1px dotted #000;
border-bottom:none;
}.header_menu ul.menu a:link, .header_menu ul.menu a:visited {
}.header_menu ul.menu a:hover {
color:#ff6816;
}.footer3 ul,
.topPanelModules ul {
padding:0;
margin:0;
float:none;
list-style:none;
}.footer3 ul.menu li, .topPanelModules ul.menu li {
list-style:none;
padding:0 0 0 22px;
margin:0;
border:none;
}.footer3 ul.menu li:hover, .topPanelModules ul.menu li:hover {
}.footer3 ul.menu a:link, .footer3 ul.menu a:visited {
font-size:11px;
padding:0;
}.footer3 ul.menu a:hover {
color:#ff6816;
}.footer4 ul {
padding:0;
margin:0;
float:none;
list-style:none;
}.footer4 ul.menu li {
float:left;
list-style:none;
padding:0 10px;
margin:0;
border:none;
}.footer4 ul.menu a:link, .footer4 ul.menu a:visited {
}.footer4 ul.menu a:hover {
color:#ff6816;
}#column_left ul.menu li, #column_right ul.menu li {
background:none;
}/* top menu */
#nav, #nav ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
z-index:10000;
}#nav ul {
display:none;
}#nav a {
display:block;
padding:13px 10px;
text-decoration:none;
font-size:12px;
text-transform:uppercase;
}#nav > li {
border:none;
}#nav > li.active a:hover {
padding:13px 10px;
}#nav li:hover ul a {
background:none;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
}#nav li:hover ul li a:hover {
border:none;
position:relative;
padding:5px;
}#nav li#current ul li a, #nav li.active ul li a {
border:none;
position:relative;
font-family:Arial, Helvetica, sans-serif;
}#nav li {
float:left;
position:relative;
margin:0;
}#nav li ul li, #nav li ul li ul {
margin:0;
padding:0;
float:none;
cursor:pointer;
}#nav li ul a {
width:166px;
line-height:normal;
padding:7px;
}#nav li ul ul {
left:176px;
margin:0;
}#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
display:none;
}#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul {
display:block;
}#nav ul li a {
font-size:11px;
font-weight:normal;
text-transform:none;
}#nav ul ul{
top:0px;
z-index:10000;
}#nav li#current span {
text-transform:none;
}#nav > li#current span {
text-transform:uppercase;
}#nav img {
margin-right:5px;
}/* modules */
div.moduletable {
padding:0 6px;
}.gallery div.moduletable {
padding:0;
}div.moduletable h3 {
font-size:14px;
margin:0 0 7px 0;
padding:0 15px;
font-weight:normal;
background: url(../images/content_bg2.png);
line-height:30px;
}#column_left div.moduletable > div, #column_right div.moduletable > div, .upper div.moduletable > div {
padding:0 15px;
}div.moduletable_featured {
padding:6px 15px;
margin-bottom:15px;
-moz-border-radius:10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
}#column_left div.moduletable_featured {
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
}#column_right div.moduletable_featured {
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
border-radius:0 10px 10px 0;
}div.moduletable_featured h3 {
font-size:14px;
text-align:left;
margin:0;
padding:0;
font-weight:normal;
background:none;
line-height:30px;
}.footer div.moduletable h3 {
background:none;
padding:0;
}.footer2 div.moduletable h3 {
background:none;
padding:0;
}.footer3 div.moduletable h3 {
background:none;
padding:0 0 0 21px;
font-size:16px;
font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
}.moduletable ul, .moduletable_featured ul {
margin:0;
padding:5px 0;
}.moduletable li {
margin:0 0 0 15px;
padding:3px 0;
}.moduletable_featured li {
margin:0 0 0 25px;
padding:3px 0;
}.topPanelModules div.moduletable h3 {
background:none;
padding-left:0;
}.breadcrumbs {
padding:13px 15px;
display:block;
}/* typography */
.warning {
padding:15px 15px 15px 60px;
color:#000;
border-top:4px solid #c10000;
border-bottom:4px solid #c10000;
background:#FFDE25 url(../images/warning.png) no-repeat center left;
}.info {
padding:15px 15px 15px 60px;
color:#006699;
border-top:4px solid #006699;
border-bottom:4px solid #006699;
background:#bde1ff url(../images/info.png) no-repeat center left;
}.error {
padding:15px 15px 15px 60px;
color:#900;
border-top:4px solid #900;
border-bottom:4px solid #900;
background:#f8b5b5 url(../images/error.png) no-repeat center left;
}.code {
padding:15px 0;
color:#218023;
font-family:"Courier New", Courier, monospace;
font-size:14px;
}.quote {
padding:30px;
margin:0;
font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
font-size:32px;
line-height:40px;
color:#fff;
}.home_pic {
float:left;
margin-right:10px;
}.carousel_pic {
float:right;
margin:5px 0 0 30px;
}/* top panel */
#top-panel {
padding:14px 20px;
display:none;
}#sub-panel {
text-align:center;
}#sub-panel a {
width:200px;
display:block;
color:#fff;
text-decoration:none;
margin:0 auto;
font-weight:normal;
background:url(../images/toppanel_bg.png) no-repeat;
font-size:10px;
text-transform:uppercase;
}#sub-panel a span {
padding:0 0 4px 0;
display:block;
}.topPanelModules {
margin:0 auto;
}Attachments: -
29/01/2012 a las 17:36 #103884AnónimoInvitado
En el anterior comenrtario mencione parte de la solucion a mi problema de la siguiente manera:
Cree un modulo personalizado html llamado logo en el gestor de modulo en el apartado de administrator, posteriormente volvi a crear un nuevo modulo personalizado html pero ahora en el area del site del back end de joomla, en este modulo agregue el siguiente codigo desde la herramienta html del editor
Como ultimo recurso agregue el logo a la siguiente ruta: mi templete/imagenes.
Hasta aqui todo bien, ahora si ya puedo visualizar el logo en el templete.
El unico detalle es que el logo estaba encima de los item de menu y trate de solucionar el problema editando el archivo de templete css cosa que estaba mal.
Ante esto cambie al archivo de layout css y edite el siguiente codigo:
Codigo original
.logo {
height:122px;
width:50%;
float:left;
text-align:left;
}.logo_pad {
padding-top:50px;Codigo correcto
[b]logo {
height: 122px;
width: 50%;
float: left;
text-align: left;
}. logo_pad {
padding-top: 0px;
}
[/b]Nota: Tema solucionado.
-
-
AutorEntradas
- Debes estar registrado para responder a este debate.