Sábado, 17 Noviembre 2018

Templete sin posicion de logo

¡ Compartelo en tus REDES SOCIALES ! y siguenos en TWITTER

6 años 9 meses antes 6 años 9 meses antes por felipergueza.
Avatar de felipergueza
felipergueza
Invitado
Invitado
Autor del tema
Templete sin posicion de logo #24770
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:

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:

<div class="logo_line1"><a href="index.php">Templete X</a></div>


Con todo y que me han pasado esta informacion no la he logrado entender.

Alguien podria ayudarme con este asunto.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

6 años 9 meses antes 6 años 9 meses antes por felipergueza.
Avatar de felipergueza
felipergueza
Invitado
Invitado
Autor del tema
Templete sin posicion de logo #24838
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 <img src="templates/hot_chameleon/images/logo.png" />

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.
Nota: Adicionalmente anexo el archivo css para ver si alguien me auxilia a corregir este problema.




/*------------------------------------------------------------------------

-------------------------------------------------------------------------*/

/* 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;
}
Adjuntos:

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

6 años 9 meses antes 6 años 9 meses antes por felipergueza.
Avatar de felipergueza
felipergueza
Invitado
Invitado
Autor del tema
Templete sin posicion de logo #24849
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 <img src="templates/hot_chameleon/images/logo.png" />

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

logo {
height: 122px;
width: 50%;
float: left;
text-align: left;
}

. logo_pad {
padding-top: 0px;
}


Nota: Tema solucionado.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Temas Relacionados

Asunto temas relacionadosRelevanciaFecha del último post
Templete chapelco7.52Jueves, 09 Abril 2015
Editar estilos en Templete7.44Lunes, 16 Mayo 2011
Cambiar lenguaje a templete Gavick Pro Sporter al modulo News Pro GK47.12Miércoles, 07 Diciembre 2011
logo de mi web5.88Sábado, 18 Abril 2009
Agrandar el Div del logo5.81Lunes, 27 Junio 2016
Tamaño de la Imagen del Logo5.75Miércoles, 09 Septiembre 2009
Cambiar Titulo por Logo5.75Jueves, 06 Octubre 2011
linkar logo ainicio5.75Viernes, 15 Febrero 2013
Cambiar logo Videos Seyret5.68Sábado, 21 Marzo 2009
ver mi logo en la barra superior de la ventana[RTO]5.68Viernes, 26 Junio 2009
Tiempo de carga de la página: 0.252 segundos