Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

Чередование цвета в разделах

Стили, ббкоды, смайлы и прочее для украшения форума
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 223
Зарегистрирован: 05 июл 2010, 23:05
Благодарил (а): 136
Поблагодарили: 41 раз в 35 сообщениях
Пол: Мужской
Адрес форума: .....
Баллы репутации: 16

Re: Чередование цвета в разделах

Сообщение Добавлено: 12 июн 2012, 21:20

"Liza_Anafema" писал(а):
Это в каком из шаблонов?

"ArtPro" писал(а):
Нет! а именно в теме шаблона.

Ну почему вы называете тему стиля темой шаблона? *pardon*

Аватара пользователя
Сообщения: 646
Зарегистрирован: 10 фев 2011, 18:34
Откуда: Иркутск
Благодарил (а): 135
Поблагодарили: 146 раз в 116 сообщениях
Город: Иркутск
Пол: Мужской
Адрес форума: в разработке
бабло: 0
Баллы репутации: 24

Re: Чередование цвета в разделах

Сообщение Добавлено: 12 июн 2012, 21:36

Шаблон это набор состоящий из html , css(каскадная таблица стилей, другими словами тема шаблона), и набор каких то изображений.
ОСАГО онлайн - 16 страховых компаний для расчета полиса ОСАГО онлайн.

Аватара пользователя
Сообщения: 119
Зарегистрирован: 20 июн 2011, 20:33
Благодарил (а): 19
Поблагодарили: 3 раз в 3 сообщениях
Пол: Женский
Адрес форума: http://roleplayserver.gtaserv.ru/index.php?sid=a6a
Баллы репутации: 1

Re: Чередование цвета в разделах

Сообщение Добавлено: 12 июн 2012, 23:37

Нет, я пока что решила работать с тестовиком.

Скрытый текст. Необходимо зарегистрироваться.
ссылки на сторонние ресурсы запрещены

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: Чередование цвета в разделах

Сообщение Добавлено: 13 июн 2012, 00:14

Liza_Anafema

укажите хотябы адрес форума для которого мы ломаем голову..
если у вас форум на другом сервисе или на собственном хостинге, зачем нам тратить свое время на вас?

http://yandex.ru/yandsearch?text=%D1%81 ... 5&lr=21174
Поищите на сайтах со стилями где такое реализовано, потом скиньте ссылку на этот стиль в эту тему, скорее всего сможем вам помочь
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: Чередование цвета в разделах

Сообщение Добавлено: 13 июн 2012, 00:43

Все доработки велись на стиле subsilver2
шаблон forumlist_body
Код: Выделить всё
<!-- BEGIN forumrow -->
   <!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT  -->
            </tbody>
         </table>
      </div>
   <!-- ENDIF -->

   <!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
      <div class="forums-wrapper">
         <table class="forums">
            <thead>
               <tr>
                  <th colspan="2"><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></th>
                  <th class="statistics">{L_STATISTICS}</th>
                  <th class="last-post">{L_LAST_POST}</th>
               </tr>
            </thead>
            <tbody>
   <!-- ENDIF -->

   <!-- IF not forumrow.S_IS_CAT -->
      <tr class="<!-- IF forumrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
         <td class="icon bg2" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC});">
             <!-- IF forumrow.FORUM_IMAGE -->{forumrow.FORUM_IMAGE}<!-- ENDIF -->
         </td>
         <td class="forum">
            <!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><!--<a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}"><img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a>--><!-- ENDIF -->
            <h4><a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a> <!-- IF forumrow.U_UNAPPROVED_TOPICS --><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a><!-- ENDIF --></h4>
            <p>{forumrow.FORUM_DESC}</p>
            <!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><p><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</p><!-- ENDIF -->
            <!-- IF forumrow.MODERATORS --><p><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}</p><!-- ENDIF -->
         </td>
         <!-- IF forumrow.S_IS_LINK and not forumrow.CLICKS --><td colspan="2">&nbsp;</td><!-- ENDIF -->
         <!-- IF forumrow.CLICKS -->
            <td colspan="2"><p>{L_REDIRECTS}: <strong>{forumrow.CLICKS}</strong></p></td>
         <!-- ELSEIF not forumrow.S_IS_LINK -->
            <td class="bg2">
               <p>{L_TOPICS}: <strong>{forumrow.TOPICS}</strong></p>
               <p>{L_POSTS}: <strong>{forumrow.POSTS}</strong></p>
            </td>
            <td>
               <!-- IF forumrow.LAST_POST_TIME -->
                  <p>{forumrow.LAST_POST_TIME}</p>
                  <p>{L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL} <!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a><!-- ENDIF --></p>
               <!-- ELSE -->
                  <p>{L_NO_POSTS}</p>
               <!-- ENDIF -->
            </td>
         <!-- ENDIF -->
      </tr>
   <!-- ENDIF -->

   <!-- IF forumrow.S_LAST_ROW -->
            </tbody>
         </table>
      </div>
   <!-- ENDIF -->
<!-- BEGINELSE -->
   <div class="panel">
      <div class="inner"><span class="corners-top"><span></span></span>
         
      <strong>{L_NO_FORUMS}</strong>
      
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END forumrow -->

шаблон viewforum_body
Код: Выделить всё
<!-- INCLUDE overall_header.html -->

<h2><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a></h2>
<!-- IF MODERATORS --><p><strong><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->:</strong> {MODERATORS}</p><!-- ENDIF -->

<!-- IF S_FORUM_RULES -->
   <div class="rules">
      <div class="inner"><span class="corners-top"><span></span></span>

      <!-- IF U_FORUM_RULES -->
         <a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
      <!-- ELSE -->
         <strong class="rules-header">{L_FORUM_RULES}</strong>
         {FORUM_RULES}
      <!-- ENDIF -->

      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- ENDIF -->

<!-- IF S_HAS_SUBFORUM -->
   <!-- IF not S_IS_BOT and U_MARK_FORUMS -->
      <ul class="linklist">
         <li class="rightside"><a href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a></li>
      </ul>
   <!-- ENDIF -->
   
   <!-- INCLUDE forumlist_body.html -->
<!-- ENDIF -->

<!-- IF S_DISPLAY_POST_INFO or PAGINATION or TOTAL_POSTS or TOTAL_TOPICS -->
   <div class="topic-actions" <!-- IF S_HAS_SUBFORUM -->style="margin-top: 2em;"<!-- ENDIF -->>

   <!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
      <div class="buttons">
         <div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->post-icon<!-- ENDIF -->" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->"><a href="{U_POST_NEW_TOPIC}"><span></span><!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF --></a></div>
      </div>
   <!-- ENDIF -->

   <!-- IF S_DISPLAY_SEARCHBOX -->
      <div class="search-box">
         <form method="post" id="forum-search" action="{S_SEARCHBOX_ACTION}">
         <fieldset>
            <input class="inputbox search tiny" type="text" name="keywords" id="search_keywords" size="20" value="{L_SEARCH_FORUM}" onclick="if (this.value == '{LA_SEARCH_FORUM}') this.value = '';" onblur="if (this.value == '') this.value = '{LA_SEARCH_FORUM}';" />
            <input class="button2" type="submit" value="{L_SEARCH}" />
            <input type="hidden" value="{FORUM_ID}" name="fid[]" />
         </fieldset>
         </form>
      </div>
   <!-- ENDIF -->

   <!-- IF PAGINATION or TOTAL_POSTS or TOTAL_TOPICS -->
      <div class="pagination">
         <!-- IF not S_IS_BOT and U_MARK_TOPICS --><a href="{U_MARK_TOPICS}" accesskey="m">{L_MARK_TOPICS_READ}</a> &bull; <!-- ENDIF --><!-- IF TOTAL_TOPICS -->{TOTAL_TOPICS}<!-- ENDIF -->
         <!-- IF PAGE_NUMBER -->
            <!-- IF PAGINATION --> &bull; <a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> &bull; <span>{PAGINATION}</span><!-- ELSE --> &bull; {PAGE_NUMBER}<!-- ENDIF -->
         <!-- ENDIF -->
      </div>
   <!-- ENDIF -->

   </div>
<!-- ENDIF -->

<!-- IF S_NO_READ_ACCESS -->

   <div class="panel">
      <div class="inner"><span class="corners-top"><span></span></span>
      <strong>{L_NO_READ_ACCESS}</strong>
      <span class="corners-bottom"><span></span></span></div>
   </div>

   <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->

      <form action="{S_LOGIN_ACTION}" method="post">

      <div class="panel">
         <div class="inner"><span class="corners-top"><span></span></span>

         <div class="content">
            <h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>

            <fieldset class="fields1">
            <dl>
               <dt><label for="username">{L_USERNAME}:</label></dt>
               <dd><input type="text" tabindex="1" name="username" id="username" size="25" value="{USERNAME}" class="inputbox autowidth" /></dd>
            </dl>
            <dl>
               <dt><label for="password">{L_PASSWORD}:</label></dt>
               <dd><input type="password" tabindex="2" id="password" name="password" size="25" class="inputbox autowidth" /></dd>
               <!-- IF S_AUTOLOGIN_ENABLED --><dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="3" /> {L_LOG_ME_IN}</label></dd><!-- ENDIF -->
               <dd><label for="viewonline"><input type="checkbox" name="viewonline" id="viewonline" tabindex="4" /> {L_HIDE_ME}</label></dd>
            </dl>
            <dl>
               <dt>&nbsp;</dt>
               <dd><input type="submit" name="login" tabindex="5" value="{L_LOGIN}" class="button1" /></dd>
            </dl>
            {S_LOGIN_REDIRECT}
            </fieldset>
         </div>

         <span class="corners-bottom"><span></span></span></div>
      </div>

      </form>

   <!-- ENDIF -->

<!-- ENDIF -->

<!-- BEGIN topicrow -->
   <!-- IF not topicrow.S_TOPIC_TYPE_SWITCH and not topicrow.S_FIRST_ROW -->
            </tbody>
         </table>
      </div>
   <!-- ENDIF -->

   <!-- IF topicrow.S_FIRST_ROW or not topicrow.S_TOPIC_TYPE_SWITCH -->
      <div class="forums-wrapper">
         <table class="forums <!-- IF topicrow.S_TOPIC_TYPE_SWITCH and (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) --> announcement<!-- ENDIF -->">
            <thead>
               <tr>
                  <th colspan="2"><!-- IF S_DISPLAY_ACTIVE -->{L_ACTIVE_TOPICS}<!-- ELSEIF topicrow.S_TOPIC_TYPE_SWITCH and (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) -->{L_ANNOUNCEMENTS}<!-- ELSE -->{L_TOPICS}<!-- ENDIF --></th>
                  <th class="statistics">{L_STATISTICS}</th>
                  <th class="last-post">{L_LAST_POST}</th>
               </tr>
            </thead>
            <tbody>
   <!-- ENDIF -->

   <tr class="<!-- IF topicrow.S_ROW_COUNT is even -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF topicrow.S_POST_GLOBAL --> global-announce<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">
      <td class="icon bg2" style="background-image: url({topicrow.TOPIC_FOLDER_IMG_SRC});" title="{topicrow.TOPIC_FOLDER_IMG_ALT}"><!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS --><img src="{T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}" alt="" title="" /><!-- ENDIF --></td>
      <td class="topic">
         <h4>
            <!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG}<!-- ENDIF --> <a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>
            <!-- IF topicrow.S_TOPIC_UNAPPROVED or topicrow.S_POSTS_UNAPPROVED --><a href="{topicrow.U_MCP_QUEUE}">{topicrow.UNAPPROVED_IMG}</a> <!-- ENDIF -->
            <!-- IF topicrow.S_TOPIC_REPORTED --><a href="{topicrow.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF -->
         </h4>
         <!-- IF topicrow.PAGINATION --><strong class="pagination"><span>{topicrow.PAGINATION}</span></strong><!-- ENDIF -->
         <p>{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}</p>
      </td>
      <td class="bg2">
         <p>{L_REPLIES}: <strong>{topicrow.REPLIES}</strong></p>
         <p>{L_VIEWS}: <strong>{topicrow.VIEWS}</strong></p>
      </td>
      <td>
         <p>{topicrow.LAST_POST_TIME}</p>
         <p>{L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL} <!-- IF not S_IS_BOT --><a href="{topicrow.U_LAST_POST}">{LAST_POST_IMG}</a><!-- ENDIF --></p>
      </td>
   </tr>

   <!-- IF topicrow.S_LAST_ROW -->
            </tbody>
         </table>
      </div>
   <!-- ENDIF -->
<!-- BEGINELSE -->
   <!-- IF S_IS_POSTABLE -->
      <div class="panel">
         <div class="inner"><span class="corners-top"><span></span></span>
            
         <strong>{L_NO_TOPICS}</strong>
         
         <span class="corners-bottom"><span></span></span></div>
      </div>
   <!-- ENDIF -->
<!-- END topicrow -->

<!-- IF S_SELECT_SORT_DAYS and not S_DISPLAY_ACTIVE -->
   <form method="post" action="{S_FORUM_ACTION}">
      <fieldset class="display-options">
         <!-- IF PREVIOUS_PAGE --><a href="{PREVIOUS_PAGE}" class="left-box {S_CONTENT_FLOW_BEGIN}">{L_PREVIOUS}</a><!-- ENDIF -->
         <!-- IF NEXT_PAGE --><a href="{NEXT_PAGE}" class="right-box {S_CONTENT_FLOW_END}">{L_NEXT}</a><!-- ENDIF -->
   <!-- IF not S_IS_BOT -->
         <label>{L_DISPLAY_TOPICS}: {S_SELECT_SORT_DAYS}</label>
         <label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label>
         <label>{S_SELECT_SORT_DIR} <input type="submit" name="sort" value="{L_GO}" class="button2" /></label>
   <!-- ENDIF -->
      </fieldset>
   </form>
   <hr />
<!-- ENDIF -->

<!-- IF .topicrow and not S_DISPLAY_ACTIVE -->
   <div class="topic-actions">
      <!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
      <div class="buttons">
         <div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->post-icon<!-- ENDIF -->" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->"><a href="{U_POST_NEW_TOPIC}"><span></span><!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF --></a></div>
      </div>
      <!-- ENDIF -->

      <!-- IF PAGINATION or TOTAL_POSTS or TOTAL_TOPICS -->
      <div class="pagination">
         <!-- IF TOTAL_TOPICS and not S_IS_BOT and U_MARK_TOPICS --><a href="{U_MARK_TOPICS}">{L_MARK_TOPICS_READ}</a> &bull;  <!-- ENDIF -->
         <!-- IF TOTAL_POSTS and not NEWEST_USER --> {TOTAL_POSTS}<!-- ELSEIF TOTAL_TOPICS and not NEWEST_USER --> {TOTAL_TOPICS}<!-- ENDIF -->
         <!-- IF TOTAL_USERS -->{TOTAL_USERS}<!-- ENDIF -->
         <!-- IF PAGINATION --> &bull;  <a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a>
          &bull;  <span>{PAGINATION}</span><!-- ELSE --> &bull; {PAGE_NUMBER}<!-- ENDIF -->
      </div>
      <!-- ENDIF -->
   </div>
<!-- ENDIF -->

<!-- INCLUDE jumpbox.html -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
   <h3><!-- IF U_VIEWONLINE --><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></h3>
   <p>{LOGGED_IN_USER_LIST}</p>
<!-- ENDIF -->

<!-- IF S_DISPLAY_POST_INFO -->
   <h3>{L_FORUM_PERMISSIONS}</h3>
   <p><!-- BEGIN rules -->{rules.RULE}<br /><!-- END rules --></p>
<!-- ENDIF -->

<!-- INCLUDE overall_footer.html -->

в тему стиля добавить
Код: Выделить всё
/* Forums table */
.forums-wrapper {
   background: url("{T_THEME_PATH}/images/navigation.png") repeat-x;
   -webkit-border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}

.forums {
   border-bottom: 3px solid #cdcdcd;
   border-collapse: collapse;
   width: 100%;
   margin-bottom: 15px;
   text-align: center;
}

.forums th {
   padding: 10px 0;
   text-transform: uppercase;
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;
   color: #fff;
}

.forums td {
   border-top: 1px solid #fff;
   padding: 8px;
}

.forums p {
   margin: 0;
   line-height: 16px;
}

.forums .forum, .forums .topic {
   text-align: left;
}

.forums .icon {
   background: 50% 50% no-repeat;
   width: 40px;
}

/* Topic alternative icons */
.forums .icon img {
   margin-top: 16px;
   margin-right: 18px;
}

.forums .statistics    { width: 12%; }
.forums .last-post       { width: 20%; }
.forums .posts          { width: 8%; }
.forums .location       { width: 17%; }
.forums .group          { width: 30%; }
.forums .forum-location { width: 27%; }
.forums .ip            { width: 13%; }
.forums .mark          { width: 70px; }
.forums .input         { width: 25px; }
.forums .profile      { width: 155px; }
.forums .joined, .forums .active {
   width: 170px;
}

.forums .profile-icons {
   margin: 0;
   padding: 0;
}

.forums .profile-icons li {
   margin: 3px;
   float: none;
   display: inline-block;
   vertical-align: middle;
}

.forums .author {
   float: left;
}

.forums .pagination {
   margin: 0;
}
.bg1   { background-color: #f7f7f7;}
.bg2   { background-color: #f2f2f2; }
.bg3   { background-color: #ebebeb; }
.bg1   { background-color: #eef3f8; }
.bg2   { background-color: #e1ebf5; }
.bg3   { background-color: #d0e0f0; }

.forums .bg1   { background-color: #fafcfe; }
.forums .bg2   { background-color: #f0f4f7; }

.forums .bg1 .bg2   { background-color: #ecf2f7; }
.forums .bg2 .bg2   { background-color: #e4ebf2; }

вот чего получилось
http://demo.gtaserv.ru/index.php
На этом сервисе можно cоздать форум бесплатно


Вернуться в Оформление форумов

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 13