Как изменить размер шрифта для статей?

Тема в разделе "Форматирование материалов", создана пользователем valgreece, 16.02.2008.

  1. Offline

    valgreece Недавно здесь

    Регистрация:
    13.02.2008
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Мужской
    Добрый день, я прочитал учебник по CSS, но так и не нашел ответа. В каком отделе искать font-size, чтобы шрифт на главной странице отображался такого же размера, как и меню. Там, где написано "Абсолютной истиной является тот факт, что в этом мире бездарных людей просто не существует, и каждый человек имеет свою уникальность и неповторимость."
    Я имею ввиду весь раздел статей.
    Спасибо заранее за грамотный ответ.

    P.S. Веб сайт в подписи.
     
  2.  
  3. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: Как изменить размер шрифта для статей?

    Ну, а что мешает Вам обратиться к исходному коду сгенерированной в браузере страницы сайта и оценить, какие селекторы стилевого файла нуждаются в правке?

    Попробую сделать подсказку:
    Код (CODE):
    1. <table class="contentpaneopen">
    2.     <tbody><tr>
    3. ...
    4.         <td colspan="2" valign="top">
    5. Абсолютной истиной является тот факт, что в этом мире бездарных людей просто не существует...
    6. ...
     
  4. Offline

    valgreece Недавно здесь

    Регистрация:
    13.02.2008
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: Как изменить размер шрифта для статей?

    Это мой CSS, но где здесь менять шрифт?


    html {
    height: 100%;
    padding-bottom: 0.1%;
    }
    html, body{
    font: 82% Arial, Arial, Helvetica, sans-serif;
    color: #505050;
    }
    body#normal {background: #FFF;}


    h1,h2,h3,h4,h5,h6 {padding: 10px 0 5px 0; margin-bottom:10px;}
    h1,.contentheading {font: normal 2.5em Arial, Verdana,sans-serif; color: #004661; line-height: 24px; padding-bottom: 8px;}
    h2 {font: bold 2em Arial, sans-serif; letter-spacing: -1px; line-height: 18px; color: #111;}
    h3 {font: normal 1.8em Arial, sans-serif; line-height: 20px; border-bottom:1px dotted #CCC;}
    h4 {font: bold 1.4em Arial, sans-serif; line-height: 14px;}
    h5 {font: bold 1.2em Arial, sans-serif; line-height: 13px;}
    h6 {font: bold Arial, sans-serif; line-height: 12px;}

    td{font-size: 1em;}
    th{font-size: 1em;}

    a {color: #0076a2; text-decoration: none;}
    a:hover {color: #004661; text-decoration: underline;}
    a.image, a.image:hover {border:0;}
    a.mainlevel {font: normal 1.2em sans-serif; line-height: 20px; background: url(../images/arrow.gif) no-repeat left center; padding:3px 3px 3px 10px; display:block; border-bottom:1px dotted #CCC; }
    a.mainlevel:hover {background-color:#F4F4F4; text-decoration:none; font-weight:bold;}
    li{list-style: none; }
    #main ul {clear: both; padding: 6px 20px 12px;}

    fieldset {
    width: 470px;
    padding: 5px;
    border: 1px solid #eee;
    }

    #head {
    border-top: 2px solid #0095CC;
    background:url(../images/head_back.jpg) bottom repeat-x ;
    color: #FFF;
    padding: 24px 0;
    }
    #head .center {padding: 0;}
    #head .left {font: normal 2.5em Arial, sans-serif; padding-left: 15px; line-height: 50px;}
    #head .right {width: 150px;}
    #head .search {padding-top: 15px;}
    #head .topMenu {clear: both;}
    #head .topMenu li {float: right; margin-left: 30px;}
    #head a {color: #6cb9d6; font: normal 1.2em Arial, sans-serif; text-decoration: none; }
    #head a:hover {color: #FFF;text-decoration: underline;}
    #head form {float: right; padding: 0; margin: 0;}

    /* newsflash */
    #newsflash {
    background: #000 repeat-x;
    color: #FFF;
    border-top:1px solid #FFF;
    text-align:left;
    }


    #main {background: #FFF url(../images/main.jpg) repeat-x; padding: 10px; 0;}
    .mid li,.mainright li,.mainleft li {list-style: disc;}
    #main p {padding: 3px 0 4px;}

    .componentheading {
    font: normal 2.2em Arial,sans-serif;
    padding-bottom: 6px;
    }
    .sectiontableentry1,.sectiontableentry2 {padding: 2px 0;}

    table.contentpaneopen {margin-right: 16px;}

    .mosimage_caption {font-style: italic;}

    .contenttoc {
    padding: 10px;
    text-align: left;
    }
    .contentpaneopen img {
    border: 1px solid #CCC;
    margin: 10px;
    padding:3px;
    background:#FFF;
    }
    .buttonheading img {border: none; margin: 0;}

    #footer {
    background: #FFF url(../images/main.jpg) repeat-x;
    color: #858585;
    text-align:center;
    padding:20px;
    }
    #footer a {color: #858585;}


    .left form {padding-bottom: 10px;}
    form a {display: inline;}


    .center {width: 950px; margin: 0 auto; padding: 12px 0;}
    .clearer {clear: both; font-size: 0;}
    .left {float: left;}
    .right {float: right; padding-left:10px;}
    .small {color: #333;}
    .createdate {padding-bottom: 6px; color: #999;}


    .col2 .mainleft,.col2 .mainright {width: 78%; float: left; border-right: 1px dotted #CCC;}
    .col2 .mainright {float: right;}


    .col3 .left,.col3 .right,.col2 .left,.col2 .right {width: 20%;}
    .col3 .mid {float: left; width: 54%; margin: 0 2%;}
    * {
    padding: 0px;
    margin: 0px;
    }
     
  5. werdi
    Offline

    werdi Недавно здесь

    Регистрация:
    18.11.2007
    Сообщения:
    72
    Симпатии:
    1
    Пол:
    Мужской
    Ответ: Как изменить размер шрифта для статей?

    Глядите класс contentpaneopen - там ниже есть *px (пиксель).
    Попробуйте поиграть с цифрами, глядишь и получиться :)
     
  6. Offline

    valgreece Недавно здесь

    Регистрация:
    13.02.2008
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: Как изменить размер шрифта для статей?

    Ок, нашел решение но не полное. После оператора
    table.contentpaneopen {margin-right: 16px;}

    поставил

    table.contentpaneopen td {
    font-size: 15px;
    }

    но теперь другас проблема - шрифт заголовка тоже изменился и стал таким же как и текст

    Буду двигаться дальше.
     

Поделиться этой страницей

Загрузка...