← Joomla

Joomla - Alterar template

Lida 5837 vezes

Offline

[kAIOSHIN] 
Membro
Mensagens 54 Gostos 0
Troféus totais: 24
Trófeus: (Ver todos)
Level 5 Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 50 Posts

Boas!

Estou a modificar o meu site e a aplicar um template novo.

O template que escolhi é este: http://demo.joomlahacks.com/index.php?jos_change_template=gears_of_war

No entanto, estou com um problema. Se utilizarem o firefox ou o opera, o menu encontra-se direito, no entanto, se usarem o Internet Explorer, o menu fica desporpocionado (acho que é assim que se diz  :P)

É possível resolver isto??

Obrigado!
Offline
O

OFFICER 
Membro
Mensagens 2076 Gostos 0
Troféus totais: 29
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Sim isso deverá ser um problema de CSS (Existem bastantes "CssHacks" para o ie6) onde se consegue num cascade style sheet (CSS) tornar possivel ter as duas coisas de diferentes maneiras dependendo do browser que se utiliza.

É a unica solução que estou a ver, ser do CSS pois não funciona nem em ie6 nem em ie7.
Offline

[kAIOSHIN] 
Membro
Mensagens 54 Gostos 0
Troféus totais: 24
Trófeus: (Ver todos)
Level 5 Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 50 Posts

Ok... Mas onde posso encontrar esses hacks, ou ajuda para modificar o ficheiro CSS? Será que se eu puser aqui o código do ficheiro CSS, alguém pode descobrir o problema?

Obrigado.
Offline

Nuno 
Administrador
Mensagens 7780 Gostos 216
Feedback +2

Troféus totais: 42
Trófeus: (Ver todos)
100 Poll Votes Level 7 Search Mobile User Level 6 Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

procura uma template decente que n tens esse problema...
Offline
O

OFFICER 
Membro
Mensagens 2076 Gostos 0
Troféus totais: 29
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Citação de: "exit"
procura uma template decente que n tens esse problema...


Exacto, isto só significa que o template ficou mal feito.

Citação de: "[kAIOSHIN
"]Ok... Mas onde posso encontrar esses hacks, ou ajuda para modificar o ficheiro CSS? Será que se eu puser aqui o código do ficheiro CSS, alguém pode descobrir o problema?

Obrigado.


Coloca o css para ver se te posso ajudar :)
Offline

[kAIOSHIN] 
Membro
Mensagens 54 Gostos 0
Troféus totais: 24
Trófeus: (Ver todos)
Level 5 Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 50 Posts

O problema é que estive a modificar todo o site em torno deste template, e só quando me lembrei de o testar no Internet Explorer é que vi que ficava assim!  :oops:  Agora não me dava muito jeito mudar de template...

Aqui fica o CSS:

Código: [Seleccione]

body {
background-color: #121311;
color: #c4cdbd;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
background-image: url(../images/page_bg.gif);
background-repeat: no-repeat;
    background-attachment: fixed;
}

hr {
color: #714a13;
height: 1px;
width: 100%;
}
/*** fonts ***/

td, tr, p, div {
color: #c4cdbd;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.small {
color: #ced8c7;
font-size: 11px;
}

.smalldark {
color: #000000;
font-size: xx-small;
}

/*** form pages ***/

.button {
background: url(../images/buttonbg.png) repeat-x;
border: 1px solid #242720;
color: #c4cdbd;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}

.inputbox {
background: #242720;
color: #b77218;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

/*** Links ***/
a:link, a:visited {
color: #c4cdbd;
text-decoration: underline;
}

a:hover {
color: #b77218;
text-decoration: none;
}

a.category:link, a.category:visited {
font-weight: bold;
}

a.contentheadinglink:link, a.contentheadinglink:visited {
color: #c4cdbd;
text-decoration: none;
}

a.contentheadinglink:hover {
color: #CCCCCC;
text-decoration: none;
}

a.pagenav:link, a.pagenav:visited {
color: #c4cdbd;
text-decoration: none;
}

a.pagenav:hover {
color: #4f0f03;
text-decoration: underline;
}

a.readon:link {
background-image: url('../images/bullet.png');
background-position: left;
background-repeat: no-repeat;
margin-left: 5px;
padding-left: 21px;
}

/* module settings */
table.moduletable {
background-position: center;
padding-left: 15px;
margin-bottom: 15px;
width: 180px;
}

table.moduletable td {
background-color: #242720;
padding: 3px;
}

table.moduletable th {
background: url(../images/moduleheader.png);
background-position: center;
color: #6a1403;
font-size: 12px;
font-weight: bolder;
text-align: center;
}

/*** Content Settings ***/
.content_rating {
color: #25668D;
font-size: xx-small;
}

.content_vote {
background: #242720;
border: 1px solid #999999;
padding: 2px;
}

/*** joomla class stuff ***/

.contentbox {
background-color: #191915;
border: 1px solid #999999;
border-bottom-width: 0px;
border-top-width: 0px;
}
.componentheading {
color: #c4cdbd;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
width: 100%;
}

.contentheading {
color: #c4cdbd;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding-bottom: 2px;
padding-top: 2px;
}

.contentpagetitle {
color: #c4cdbd;
font-weight: bold;
}

.contentpane {
padding-left: 4px;
padding-right: 4px;
}

.contentpaneopen {
padding-left: 4px;
padding-right: 4px;
}

.createdate, .modifydate {
color: #b77218;
font-size: 11px;
}

/* default menu link styles */
.mainlevel {
color: #c4cdbd;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(../images/menu_bg.png) no-repeat;
vertical-align: middle;
border-width: 0px;
color: #c4cdbd;
font-size: 12px;
font-weight: bold;
padding-left: 1px;
text-align: center;
text-decoration: none;
}

a.mainlevel:hover {
background: transparent url(../images/menu_bg_on.png) no-repeat;
background-position: left;
color: #b77218;
text-decoration: underline;
}

.sublevel {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
}

a.sublevel:link, a.sublevel:visited {
background: transparent url(../images/arrow.png) left no-repeat;
border-width: 0px;
color: #c4cdbd;
font-size: 12px;
font-weight: bold;
padding-left: 15px;
text-decoration: none;
}

a.sublevel:hover {
background: transparent url(../images/arrow.png) left no-repeat;
color: #6a1403;
text-decoration: underline;
}


/*** Tab Settings ***/
.ontab {
border-left: 1px solid #242720;
border-top: 1px solid #242720;
color: #c4cdbd;
font-weight: bold;
padding: 5px;
text-align: center;
}

.offtab {
background-color: #242720;
border-bottom: 1px solid #242720;
border-left: 1px solid #242720;
border-top: 1px solid #242720;
color: #66ccff;
font-weight: normal;
padding: 5px;
text-align: center;
}

.tabpadding {
border-bottom: 1px solid #242720;
border-left: 1px solid #242720;
}



/*** Page Nav info ***/
.pagenavbar {
background: #242720;
padding: 2px;
}

.pagetext {
}
.pagenav {
color: #242720;
font-weight: bold;
}


/*** Pathway ***/
.pathway {
color: white;
font-size: 10px;
padding-left:8px;
}

a.pathway:link, a.pathway:visited {
color: white;
}

a.pathway:hover {
color: #b77218;
}

/*** Section Settings ***/
.sectiontableheader {
background: transparent url(../images/bullet.png) left no-repeat;
color: #c4cdbd;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
padding: 2px;
padding-left: 15px;
text-transform: uppercase;
}

.sectiontableentry1 {
background: #31352c;
padding: 2px;
vertical-align: top;
}

.sectiontableentry2 {
background: #242720;
padding: 2px;
vertical-align: top;
}

/* custom stuff */

.edge_ls {
background: url(../images/edgeleft.png);
}

.edge_rs {
background: url(../images/edgeright.png);
}
Offline

[kAIOSHIN] 
Membro
Mensagens 54 Gostos 0
Troféus totais: 24
Trófeus: (Ver todos)
Level 5 Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 50 Posts

Esperem... Se calhar vou mesmo mudar de tema. Encontrei um porreiro, vou edita-lo a ver como fica.

Obrigado e desculpem.
Offline

[kAIOSHIN] 
Membro
Mensagens 54 Gostos 0
Troféus totais: 24
Trófeus: (Ver todos)
Level 5 Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 50 Posts

Boas

Acabei mesmo por mudar de tema, e já o alterei quase todo ao meu gosto, no entanto há uma coisa que não tou a conseguir alterar:



Como podem ver, na galeria (zOOm) não dá para perceber o texto, porque é branco. Já andei à procura no css a ver se encontrava alguma coisa para mudar a côr do fundo daqueles rectângulos, mas não encontro sequer aquela côr. Em último recurso seria mudar a côr das letras, desde que não me alterasse a côr das letras noutras partes do site.
Será que me podem ajudar?

Obrigado.
Offline
O

OFFICER 
Membro
Mensagens 2076 Gostos 0
Troféus totais: 29
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Nessas letras podes colocar isto:

Código: [Seleccione]
class="letras_zoom"

Acho que sabes onde colocar não?

Depois no ficheiro css colocas no final ou no inicio isto:

Código: [Seleccione]
.letras_zoom { color: #000000; }

Neste caso as letras onde colocares a class "letras_zoom" ficarão a preto, basta alterares o valor para a cor que queres (ex: #000000 para #FFFFFF ficando a branco).

Simples :)
Offline

[kAIOSHIN] 
Membro
Mensagens 54 Gostos 0
Troféus totais: 24
Trófeus: (Ver todos)
Level 5 Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 50 Posts

Citação de: "OFFICER"
Nessas letras podes colocar isto:

Código: [Seleccione]
class="letras_zoom"

Acho que sabes onde colocar não?


Nem por isso...  :oops:
Offline
O

OFFICER 
Membro
Mensagens 2076 Gostos 0
Troféus totais: 29
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Depende da maneira que está inserido, a qual não sei, poderá ficar algo como:

Código: [Seleccione]
<span class="letras_zoom">blablabla</span>

<a href="link.php" class="letras_zoom">link</a>

Caso não seja estes dois, posta-me o source desses links que queres alterar e eu vejo :)
Offline

[kAIOSHIN] 
Membro
Mensagens 54 Gostos 0
Troféus totais: 24
Trófeus: (Ver todos)
Level 5 Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 50 Posts

Acabei por instalar o EasyGallery, até porque parece que a galeria zoom não será mais desenvolvida.
Muito obrigado na mesma!

Páginas: 1

Posts relacionados

Joomla

Alterar template de Joomla!

M
Master

Joomla

Joomla template JA Larix ... alterar cor

n
nomad

Joomla

[Duvida] Alterar dimensão das posições em template

R
RM7