Как двигать логотип сайта в этом шаблоне(и вообще)?

Discussion in 'Начало работы с Joomla (для начинающих)' started by BalotelliCR7, Oct 1, 2012.

  1. Offline

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

    Joined:
    Sep 27, 2012
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    вот сайт сделал и залили логотип(с адским трудом, то не отображался, то еще что-то)

    Теперь вопрос: как мне его двигать(логотип)? Я хочу чтобы он был ниже и левее.
    Вот код с templates.css

    #zt-logo {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
    height: 200px;
    }
    #zt-logo h1 {
    float: left;
    overflow: hidden;
    margin: 0;
    background: url(../images/logo.png) no-repeat 0 0;
    }
    #zt-logo h1 a {
    display: block;
    height: 500px;
    width: 300px;
    margin: 0;


    Обьясните также что означают значения height и width т.к. я их менял, и не знаю что это вообще такое(перевод знаю конечно, но на что они тут влияют не понял)
    В них нужно настоящее разрешение логотипа вписать?
     
    BalotelliCR7, Oct 1, 2012
    #1

  2. Ads Master

     
  3. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    для начала:
    я бы вообще так делать не стал как у тебя сделано в коде
    Код (PHP):
    1. <div id="zt-logo">
    2.    <h1>
    3.        <a href="http://alwayshealthy.ru/" title="Сайт о здоровье">
    4.            <span>Сайт о здоровье</span>
    5.        </a>
    6.    </h1>
    7. </div>

    а сделал бы кликабельную картинку
    Код (PHP):
    1. <div id="zt-logo">
    2.    <a href="http://alwayshealthy.ru/" title="Сайт о здоровье">
    3.        <img src="http://alwayshealthy.ru/templates/zt_termino/images/logo.png" width="297" height="153" style="margin-left: -50px;" />
    4.    </a>
    5. </div>

    далее по CSS:
    Код (PHP):
    1. #zt-header-inner {
    2. width: 100%;
    3. margin-top: 50px;
    4. overflow: visible;
    5. }
    6.  
    7. #zt-logo {
    8. margin-bottom: -30px;
    9. display: block;
    10. float: left;
    11. width: 100%;
    12. }

    и тогда у тебя бы получилось бы вот это: [​IMG]
     
    Last edited: Oct 1, 2012
    woojin, Oct 1, 2012
    #2
  4. Offline

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

    Joined:
    Sep 27, 2012
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    Спасибо большое, а что на счет моего вопроса про height и width? что за параметры, зачем нужны? В кратце :)
     
    BalotelliCR7, Oct 1, 2012
    #3
  5. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    они именно то что означают в переводе - ширина и высота
    у каждого элемента есть свои ширина и высота
     
    woojin, Oct 1, 2012
    #4
    BalotelliCR7 likes this.
  6. Offline

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

    Joined:
    Sep 27, 2012
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    т.е. с помощью этих параметров можно настроить разрешение отображаемого логотипа? :) или туда вводится настоящий размер картинки только?
     
    BalotelliCR7, Oct 1, 2012
    #5
  7. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    если эти параметры указываются в теге IMG и они или больше или меньше настоящего размера, то картинка или уменьшится или увеличится
    если указать только один параметр, тогда второй пропорционально пересчитается

    а РАЗРЕШЕНИЕ это ширина умноженная на высоту измеряется в мегапикселях (вроде так, если чего то не перепутал)
     
    woojin, Oct 1, 2012
    #6
< как запретить доступ к файлам и папкам из браузера которые дописываются после доменного имени к прим | Как изменить ссылку главного пункта меню с http://site.ru на http://site.ru/index.php >

Share This Page

Loading...