1. Уважаемые пользователи, прежде чем ответить в теме или создать новую,
    внимательно ознакомьтесь с правилами раздела

    Кому лень работать или руки не оттуда - пользуйтесь услугами специалистов
  2. Не задавайте глупых вопросов "Посоветуйте какой-нибудь компонент.."

    Есть JED!!! Ищите там!!!

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

Тема в разделе "Joomla", создана пользователем ii1986, 22 мар 2010.

Информация :
  • Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с правилами раздела
  • Не задавайте глупых вопросов "Посоветуйте какой-нибудь компонент.." Есть JED!!! Ищите там!!!
  • Аналоги ищите там же - на JED!!!
  • Новая версия? - У кого будет - тот выложит!
Статус темы:
Закрыта.
Модераторы: arman29, DMS, NightHunter
  1. ii1986

    ii1986 Создатель

    Регистр.:
    20 дек 2009
    Сообщения:
    14
    Симпатии:
    1
    помогите пожалуйста. как мне сделать большими буквы в меню? сайт http://diskoteka.dp.ua/
    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. */
     
  2. oncat

    oncat Создатель

    Регистр.:
    7 мар 2009
    Сообщения:
    26
    Симпатии:
    6
    Как следует из кода, редактируя "class="mainlevel" и указав нужный вам размер шрифта (у вас сейчас 11px) - меняете на свой
    (Я надеюсь вам размер шрифта надо увеличить, а не написать все буквы капсом.))
     
    ii1986 нравится это.
  3. Firstlinehero

    Firstlinehero Постоялец

    Регистр.:
    14 дек 2009
    Сообщения:
    101
    Симпатии:
    25
    чтобы всё встало ровно и не вылезало на новую строку и тд,советую расширить весь правый блок и уже тогда увеличить размер шрифта

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

    ищешь вот это
    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;
    }

    последний штрих
    идём сюда
    http://diskoteka.dp.ua/templates/audiophile/css/template_css.css
    ( заметь, это другой ксс файл )
    находим блок

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


    надеюсь,смог помочь
     
    ii1986 нравится это.
  4. q17g

    q17g Писатель

    Заблокирован
    Регистр.:
    13 дек 2009
    Сообщения:
    33
    Симпатии:
    8
    на будущее:
    что менять всегда покажет плагин для броузеров http://getfirebug.com/
     
    ii1986 нравится это.
  5. ii1986

    ii1986 Создатель

    Регистр.:
    20 дек 2009
    Сообщения:
    14
    Симпатии:
    1
    Круто! спасибо. Все сделал как вы сказали, мне понравилось!


    Добавлено через 7 минут
    как вы это делаете? научите плз! мне вот к примеру еще надо увеличить вот эти списки http://diskoteka.dp.ua/index.php?option=com_content&task=section&id=9&Itemid=54
    уж больно все мелко :confused:
     
  6. Firstlinehero

    Firstlinehero Постоялец

    Регистр.:
    14 дек 2009
    Сообщения:
    101
    Симпатии:
    25
    давайте в личку пишите,помогу чем смогу) чтоб тут не разводить долгий дискурс)

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

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

    ul {
    font-size:16px
    }

    вроде так


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

    ii1986 Создатель

    Регистр.:
    20 дек 2009
    Сообщения:
    14
    Симпатии:
    1
    добавил в конец css шаблона
    ul {
    font-size:16px
    }
    ничего не вышло(( а в редакторе HTML код не хочет показывать


     
  8. dmonco

    dmonco Писатель

    Регистр.:
    25 апр 2009
    Сообщения:
    7
    Симпатии:
    2
    !!!

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

    Xansen

    Регистр.:
    30 мар 2006
    Сообщения:
    447
    Симпатии:
    119
    А если потом ему опять нужна будет ссылка с обычным размером?! Я бы лучше ввел доп. класс
     
  10. ii1986

    ii1986 Создатель

    Регистр.:
    20 дек 2009
    Сообщения:
    14
    Симпатии:
    1
    чето я не пойму, у меня какого то хрена стерся весь CSS от вашего совета!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    Добавлено через 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 - Ошибка загрузки
     
    lucku нравится это.
Статус темы:
Закрыта.