PDA

Zobacz pełną wersję : Różne wielkości odnośników w menu


krasnolud1
30-06-2014, 23:30
Witam.

Proszę o pomoc :)

Chciałbym otrzymać mniejszą czcionkę odnośnika Strona główna, natomiast pozostałe odnośniki mają być w wielkości jak w kodzie...

Kod Html

<!DOCTYPE html>
<html lang="pl">
<head>
<title>Joomla - tworzenie szablonów</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
</head>

<body>

<div id="wrapper">

<nav>
<ul>
<li><a href="#">Strona główna</a></li>
<li><a href="#">O nas</a></li>
<li><a href="#">Wycena</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</nav>
</body>
</html>


Kod CSS

@charset "utf-8";
/* CSS Document */

body {
background: url(../images/tlo.png);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 20px
color; #999891;
}

#wrapper {
background: #FFF;
width: 1440px;
margin: 40px auto;
}

.clear {
clear:both;
}

a:link {
text-decoration: none;
color: #F96125;
}

/*-- menu główne --*/

nav {
padding: 0;
}

nav ul li {
float: left;
list-style: none;
}

nav ul li a {
display: compact;
height: 60px;
line-height: 60px;
background: #FFF;
font-size: 26px;
width: 150px;
text-align: center;
margin-right: 40px;
margin-bottom: 5px;
text-transform: uppercase;
color: #09C !important;
}

nav ul li a:hover {
text-decoration: none;
background: #FFF;
color: #F00 !important;
}



Pozdrawiam
ekumi
01-07-2014, 08:58
To nadaj temu odnośnikowi jakąś klasę i ostyluj.
tlewap
01-07-2014, 10:18
Tak jak napisał ekumi.
Wejdz w projektanta menu, potem w zakładkę opcje pozycji menu i uzupełnij klasę css dla wybranej pozycji.
Potem wystarczy dodać ją do styli.
krasnolud1
01-07-2014, 13:18
Jestem początkującym webmasterem (raczej tak bym siebie nie nazwał :P ), czyli jak powinien wyglądać kod w pliku html i jak w pliku css ??? w którym miejscu to wpisać ???
ekumi
01-07-2014, 13:48
W kodzie HTML musisz doprowadzić do nadania klasy dla elementu menu, np.


<ul>
<li><a href="#" class="glowna">Strona główna</a></li>
<li><a href="#">O nas</a></li>
<li><a href="#">Wycena</a></li>
<li><a href="#">Kontakt</a></li>
</ul>

a w pliku style.css dodać trzeba np:


.glowna{font-size: 90%;}
krasnolud1
09-07-2014, 09:20
Na początku dzięki za pomoc, Wszystkim Aktywnym !

Mam jeszcze problem z edycją pliku css znajdującym się w szablonie...po wygenerowaniu w joomla strony mam taki efekt:
7720

natomiast kod w pliku css w szablonie mam taki, zaznaczyłem czerwonym kolorem co chciałbym edytować:

7721

Jakiego identyfikatora narzuconego przez system joomla muszę użyć w css, żeby zaznaczone na czerwono elementy były aktywne w joomla ???

proszę o pomoc !