Лента - меню... 2

[Frik]

За да ми помогне някой, явно трябва да има точки (за някой май са много важни), затова продължавам тази тема, защото имам нужда от още малко помощ...

Ако може някой да ми кажеш как да си задам големина, цвят и шрифт на линковете, за да не се ръководят от съответния сайт, а да са си постоянни? Също така как да ги раздалича (линковете) един от друг, че така са много сгъчкани в единия край. Може ли да се заобля долните два края на тази лента (като при Гоогле АдСенсе)?

Ето до тук съм стигнал: http://web.velingrad24.com/index.php

Благодаря предварително, ако някой ми помогне...

 

[adrian]

<html>
<head>
<title>Загл</title>
<style>
body {
margin: 0;
}
.top {
margin-top: 0;
width: 300px;
padding-left: 6px;
background: #CBFED8;
border-top: 0;
border-left: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;
font-size: 12px;
font-color: red;
font-family: Arial;
font-style: italic;
font-weight: bold;
}
</style>
</head>
<body>
<center>
<div class="top">Линк | Линк | Линк</div>
</center>
Съдържание
</body>
</html>

Нещата в червено съм ги добавил по кода.

Сега за всичко по отделно:

font-size: 12px;- тук задаваш големината на шрифта. Препоръчвам ти този вариант, който съм ти дал в пиксели, иначе можеш да използваш и други мерни единици.

font-color: red; - тук може да използваш както и име на цвета, така и код в този вид #ff0000

font-family: Arial; - тук се пишат имена на шрифтове

font-family: bold; - това прави текста удебелен. Тук може да се ползват normal, bold, bolder, 100 , 900

font-style: italic; - тук може да се ползват italic, oblique, normal


За да ти отидат линковете по-навътре в страницата трябва да увеличиш числото в кода в синьо

Това не е най-удачния начин да се напише това меню, защото единтвения начин да се разделечат линковете един от друг е да поставяш   между тях. Т.е кода ти ще стане нещо от сорта на

<div class="top">Линк     |     Линк     | Линк</div>

За заоблените ъгли на лентата погледни тук и тук . Мисля, че е лесно и ще се оправиш, а и гледам, че се опитваш да научаваш нещо, а не само на готово да взимаш

Много въпроси зададе в едно мнение, но до колкото преглеждам мисля, че няма повече Ако съм пропуснал нещо пиши

Успех :?:

 

[Frik]

Браво! +1 т.
Само да уточня, че питах за цветовете на връзката, като не е докосната и като я докоснеш с мишката (променящия се)...

 

[adrian]

Браво! +1 т.
Само да уточня, че питах за цветовете на връзката, като не е докосната и като я докоснеш с мишката (променящия се)...

В css добавяш

span.myclass {
color: red;
text-decoration: underline;
}
span.myclass:hover {
color: blue;
text-decoration: none;
}

и после кода ти става така:

<html>
....css кода
<body>
<center>
<div class="top"><span class="myclass">Линк</span> |<span class="myclass"> Линк</span> | <span class="myclass">Линк</span></div>
</center>
Съдържание
</body>
</html>