помогиет разобраться

Статус
В этой теме нельзя размещать новые ответы.

ii1986

Создатель
Регистрация
20 Дек 2009
Сообщения
14
Реакции
1
помогите пожалуйста. как мне сделать большими буквы в меню? сайт Для просмотра ссылки Войди или Зарегистрируйся
css шаблона
/* Днепропетровский мини портал. Организация праздника, Знакомства, Форум */

body {
background:#D4DADB url(../images/bg.gif) repeat-x;
margin:0;
padding-top:10px;
padding-bottom:10px;
}
#container {
margin:0 auto;
background:#ffffff url(../images/bg2.gif) repeat-y;
width:830px;
height:auto;
height:100%;
padding:10px 13px;
font:11px arial,helvetica,sans-serif;
color:#333;
border-top: 3px solid #558C99;
border-bottom: 3px solid #558C99;
}
#left {
width:600px;
padding-right:10px;
border-right:1px dotted #CCC;
margin-right:10px;
float:left;
}
#header {
padding-top:10px;
width:600px;
height:209px;
background:#000 url(../images/nav.jpg) no-repeat;
margin-bottom:10px;
}
#nav {
padding-top:10px;
width:300px;
padding:5px 0 0 300px;

}/* Gilt nicht fьr IE */
html >#navBar {
padding:0 0 0 70px;
list-style:none;
}
/* Gilt nur fьr IE */
* html #navBar {
padding:0 0 0 50px;
list-style:none;
}
#navBar li {
margin-bottom:4px;
list-style:none;
}
#navBar a {
height:14px;
color:#ffffff;
background-color:#cba228;
text-decoration:none;
display:block;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
padding:0 4px;
}
#navBar a:hover {
background-color:#558C99;
display:block;
}
#right {
width:209px;
float:left;
}
p {
line-height:1.5em;
margin:8px 0;
}
h1 {
color:#558C99;
font-size:22px;
margin:0;
}
h2 {
font-size:13px;
color:#558C99;
margin:5px 0;
}
h3 {
color:#558C99;
font-size:10px;
margin:0;
font-weight:normal;
}
.divider {
margin:10px 0;
border-bottom:1px solid #EAEAEA;
padding:0;
display:block;
}
#clear {
clear:both;
height:10px;
margin-top:10px;
padding-top:10px;
background:#FFF url(../images/bg3.gif) no-repeat;
text-align:center;
color:#999;
}
#clear a {
text-decoration:none;
color:#999;
}
#clear a:hover {
color:#FC3;

}
a:link {
color: #cba228;
text-decoration: none
}
a:hover {
color: #558C99;
text-decoration: none
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
font-size: 1em;
padding-bottom: 2px;
width: 170px;
color: #123456;
line-height: 16px;
padding-top: 2px;
border-bottom: #4c514d 1px solid;
letter-spacing: 0px;
text-align: left;
text-decoration: none
}
a.mainlevel:hover {
color: #ffffff;
background-color: #4c514d
}
a.mainlevel_active-top:hover {
color: #123456;
background-color: #fafafa
}
a.mainlevel-top#active_menu-top {
border-right: #ededed 1px solid;
padding-right: 8px; display: block;
padding-left: 8px;
font-weight: normal;
font-size: 11px;
margin-bottom: 0px;
width: 80px; color: #123456;
line-height: 59px;
height: 59px;
background-color: #f8fcfd;
text-align: center;
text-decoration: none
}
a.mainlevel-top:link, a.mainlevel-top:visited {
border-right: #ededed 1px solid;
padding-right: 8px;
display: inline;
padding-left: 8px;
font-weight: normal;
font-size: 11px;
float: left;
margin-bottom: 0px;
width: 80px;
color: #666666;
line-height: 59px;
height: 59px;
background-color: transparent;
text-align: center;
text-decoration: none
}
a.mainlevel-top:hover {
color: #123456;
background-color: #f8fcfd;
}
a.readon:link, a.readon:visited {
clear: right;
display: block;
font-size: 11px;
float: none;
color: #cba228;
text-decoration: none;
font-weight:bold;

}
a.readon:hover, .comment:hover {
color: #898E79;
background-color: transparent;
text-decoration: none;
font-weight:bold;
}
a.sublevel:link, a.sublevel:visited {
background-position: left 50%;
display: block;
font-size: 11px;
background-image: url(../images/pfeil.png);
padding-bottom: 2px;
width: 170px;
color: #fb7000;
text-indent: 20px;
line-height: 16px;
padding-top: 2px;
border-bottom: #4c514d 1px solid;
background-repeat: no-repeat;
letter-spacing: 0px;
text-align: left;
text-decoration: none
}
a.sublevel:hover {
color: #c0c0c0;
text-decoration: none
}
a.weblinks:link, a.weblinks:visited {
font-weight: normal;
color: #ff9900;
text-decoration: none
}
a.weblinks:hover {
color: #999999;
text-decoration: underline
}
fieldset {
border-right: #fafafa 0px solid;
border-top: #fafafa 0px solid;
border-left: #fafafa 1px solid;
border-bottom: #fafafa 1px solid
}
.button {
font-size: 11px;
border-right: #4c514d 1px solid;
border-top: #4c514d 1px solid;
border-left: #4c514d 1px solid;
border-bottom: #4c514d 1px solid;
color: #000000;
background-color: #cccccc
}
.button:hover {
color: #ff8c00
}
.smartinhalt {
padding-top: 20px;
padding-bottom: 5px;
position:relative;
text-align:left;

}
.linkespalte {
float: left;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
width: 200px;
text-align: left
}
.mainbody {
border-left: #4c514d 1px solid;
border-right: #4c514d 1px solid;
text-align: left;
font:10px arial,helvetica,sans-serif;
}
#mainbody li {
list-style-position: inside;
line-height: 20px;
list-style-type: square;
font:10px arial,helvetica,sans-serif;
}
img {
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px
}
input.inputbox, input.inputbox#mod_login_password {
background-color: #f1efe8;
font-size: 11px;
color: #666666;
border-right: #999999 1px solid;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid
}
.componentheading {
line-height:1em;
color:#123456;
} /* Format des Titel der Komponente */
.contentheading{
font-size:15px;
font-weight:bold;
color:#558C99;
padding-left:20px;
background:url(../images/icon-1.png) left no-repeat;
} /* Format des Titel des Inhalts*/
.contentpane {
font-weight:normal;
padding:5px
}
.contentpaneopen {
border-bottom:1px dotted;
border-color:#A69D95;
margin:5px 10px 5px 5px
} /* Tabelle die den aktuellen Text eines Artikels hat */
.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:link, a.contentpagetitle:visited, .contentdescription {
padding:5px;
background: #EDEDED
} /*Titel eines Artikel */
table.contenttoc, table.contenttoc td, table.contenttoc th, table.contenttoc td.toclink, a.toclink:link, a.toclink:visited, a.toclink:hover {
padding:5px;
background: #EDEDED
} /* Format fьr die Tabelle einer Tabelle mit mehreren Inhalten oder Artikel */
/* JOOMLA! SEKTION LISTE EINSTELLUNG*/
.sectiontableheader, .sectiontableentry1, .sectiontableentry2 {
padding:5px
} /* Format fьr die Liste der Sektione */
.createdate, .modifydate {
font-size: 1.4em
} /*Format fьr Datum und Autor */
.small {
font-size:10px;color:#123456
}
.smalldark {
font-size:10px;color:#B60000
} /* Format fьr Umfrageergebnisseite, fьr " Number of Voters" */
/* Umfrage */
.poll {
font-weight:normal;
padding:5px;
background: #EDEDED
} /* Format fьr td der Umfragetabelle */
.pollstableborder {
font-weight:normal;
padding:5px;
background: #EDEDED
} /* Eigenschaften der Umfragetabelle */
/* Weblinks */
.weblinks, a.weblinks:hover{
font-weight:normal;
padding:5px;
background: #EDEDED
}
/* Newsfeeds */
.newsfeedheading, .newsfeeddate {
font-weight:normal;
padding:5px;
background: #EDEDED
} /* Format des Newsfeed Titels */
/* Suche */
table.searchintro {
text-align:left;
font-size: 1.4em;
line-height:1em;
color:#123456;
line-height: 1.5
} /* Format fьr "Search Keyword: test returned 4 matches" Box, die nach der Suche angezeigt wird. */
 
Как следует из кода, редактируя "class="mainlevel" и указав нужный вам размер шрифта (у вас сейчас 11px) - меняете на свой
(Я надеюсь вам размер шрифта надо увеличить, а не написать все буквы капсом.))
 
чтобы всё встало ровно и не вылезало на новую строку и тд,советую расширить весь правый блок и уже тогда увеличить размер шрифта

если хочешь,сделай вот так ( я у себя уже проверил,значения даю дословно )

ищешь вот это
a.mainlevel:link, a.mainlevel:visited {
border-bottom:1px solid #4C514D;
color:#123456;
display:block;
font-size:1em; - вот тут 1em меняем на 15px
letter-spacing:0;
line-height:16px;
padding-bottom:2px;
padding-top:2px;
text-align:left;
text-decoration:none;
width:170px;
}

текст увеличили, теперь давай расширим правый блок за счёт левого буквально ненамного, чтобы избежать разбиения пункта меню на две строки и немного его преобразим

ищем вот это

#left {
width:600px; - чуточку сузим его, поменяв 600 на 580
padding-right:10px;
border-right:1px dotted #CCC;
margin-right:10px;
float:left;
}



теперь ищем вот этот блок

#right {
width:209px; - прибавляем ширине блока те отнятые у левого блока 20 пикселей изменив 209px на 229px
float:left;
}

последний штрих
идём сюда
Для просмотра ссылки Войди или Зарегистрируйся
( заметь, это другой ксс файл )
находим блок

.linkespalte {
float: left;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
width: 200px;
text-align: left - left меняем на center
}


надеюсь,смог помочь
 
  • Заблокирован
  • #4
на будущее:
что менять всегда покажет плагин для броузеров Для просмотра ссылки Войди или Зарегистрируйся
 
Круто! спасибо. Все сделал как вы сказали, мне понравилось!


чтобы всё встало ровно и не вылезало на новую строку и тд,советую расширить весь правый блок и уже тогда увеличить размер шрифта
если хочешь,сделай вот так ( я у себя уже проверил,значения даю дословно )
ищешь вот это
a.mainlevel:link, a.mainlevel:visited {
border-bottom:1px solid #4C514D;
color:#123456;
display:block;
font-size:1em; - вот тут 1em меняем на 15px
letter-spacing:0;
line-height:16px;
padding-bottom:2px;
padding-top:2px;
text-align:left;
text-decoration:none;
width:170px;
}
текст увеличили, теперь давай расширим правый блок за счёт левого буквально ненамного, чтобы избежать разбиения пункта меню на две строки и немного его преобразим
ищем вот это
#left {
width:600px; - чуточку сузим его, поменяв 600 на 580
padding-right:10px;
border-right:1px dotted #CCC;
margin-right:10px;
float:left;
}
теперь ищем вот этот блок
#right {
width:209px; - прибавляем ширине блока те отнятые у левого блока 20 пикселей изменив 209px на 229px
float:left;
}
последний штрих
идём сюда
Для просмотра ссылки Войди или Зарегистрируйся
( заметь, это другой ксс файл )
находим блок
.linkespalte {
float: left;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
width: 200px;
text-align: left - left меняем на center
}
надеюсь,смог помочь

Добавлено через 7 минут
как вы это делаете? научите плз! мне вот к примеру еще надо увеличить вот эти списки Для просмотра ссылки Войди или Зарегистрируйся
уж больно все мелко :confused:
 
давайте в личку пишите,помогу чем смогу) чтоб тут не разводить долгий дискурс)

со списком помогу тут, как это делать самому, напишу в личку

открываешь нашу CSS-ку
добавляешь например в конец следующее:

ul {
font-size:16px
}

вроде так


сайт под джумлой у тебя, следовательно этот список выводится из материала, в html коде материала где этот список ( в редакторе есть функция редактирования хтлм кода новости ) можешь вручную вбить в параметры тэга <ul> следующее: <ul style="font-size:16px">
тогда размер поменяется не во всех списках а только в этом.
 
добавил в конец css шаблона
ul {
font-size:16px
}
ничего не вышло(( а в редакторе HTML код не хочет показывать


давайте в личку пишите,помогу чем смогу) чтоб тут не разводить долгий дискурс)
со списком помогу тут, как это делать самому, напишу в личку
открываешь нашу CSS-ку
добавляешь например в конец следующее:
ul {
font-size:16px
}
вроде так
сайт под джумлой у тебя, следовательно этот список выводится из материала, в html коде материала где этот список ( в редакторе есть функция редактирования хтлм кода новости ) можешь вручную вбить в параметры тэга <ul> следующее: <ul style="font-size:16px">
тогда размер поменяется не во всех списках а только в этом.
 
!!!

Конечно ничего не получится! Я предполагаю, что Вы знаете CSS!! :)
Просто будьте внимательны, что за чем следует и что откуда наследуется.
Если текст - это ссылка, то скорее всего после <ul> идёт <li>, а потом идёт <a ...>какой-то текст</a>
Так и размер текста нужно менять для <a> , а не для <ul>
Я в Ваш CSS не заглядывал, но будет что-то вроде этого:
ul li a {font-size:12px}
Синтаксис может быть другим!
Или если в основном CSS уже применяется размер к ссылкам, а Вы хотите конкретно изменить размер этой ссылки, поставьте так:
ul li a {font-size:12px!important} , что будет означать, что этот стиль преобладает над предшествующим.
Удачи!
 
Или если в основном CSS уже применяется размер к ссылкам, а Вы хотите конкретно изменить размер этой ссылки, поставьте так:
ul li a {font-size:12px!important} , что будет означать, что этот стиль преобладает над предшествующим.
Удачи!

А если потом ему опять нужна будет ссылка с обычным размером?! Я бы лучше ввел доп. класс
 
чето я не пойму, у меня какого то хрена стерся весь CSS от вашего совета!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Конечно ничего не получится! Я предполагаю, что Вы знаете CSS!! :)
Просто будьте внимательны, что за чем следует и что откуда наследуется.
Если текст - это ссылка, то скорее всего после <ul> идёт <li>, а потом идёт <a ...>какой-то текст</a>
Так и размер текста нужно менять для <a> , а не для <ul>
Я в Ваш CSS не заглядывал, но будет что-то вроде этого:
ul li a {font-size:12px}
Синтаксис может быть другим!
Или если в основном CSS уже применяется размер к ссылкам, а Вы хотите конкретно изменить размер этой ссылки, поставьте так:
ul li a {font-size:12px!important} , что будет означать, что этот стиль преобладает над предшествующим.
Удачи!

Добавлено через 18 минут
не могу установить шаблон! что это значит?

Warning: move_uploaded_file() [function.move-uploaded-file]: Unable to move '/tmp/php2pTNFH' to '/home/lubovnas/public_html/media/audiophile.zip' in /home/lubovnas/public_html/administrator/components/com_installer/admin.installer.php on line 175Загрузка template - Ошибка загрузки
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху