Создаём свой собственный стиль для phpBBex на основе встроенного Prosilver

Список разделов › phpBBex 1.x (поддерживается) › Мастерская 1.x

Описание: Только готовые решения! Статьи, заметки, моды и другие полезности для phpBBex 1.x и phpBB 3.0.x.

Ответить

Сообщение #261 Sumanai » 22.02.2015, 05:46

Аня, у вас написано "Кто сейчас на конференции". В phpBBex слово "конференция" нигде не встречается. У вас обычный phpBB, поддержка которого осуществляется в других местах.
Скажу только, что вам нужно править файл \styles\prosilver\template\overall_footer.html и файлы стилей.
Sumanai M
Аватар
Репутация: 1678
С нами: 13 лет 5 месяцев

Сообщение #262 Аня » 22.02.2015, 11:47

А какие именно? их там 17 шт.
Аня
Гость

Сообщение #263 Sumanai » 22.02.2015, 12:07

Разные. Сначала узнайте как, а уж где приложится само.
Sumanai M
Аватар
Репутация: 1678
С нами: 13 лет 5 месяцев

Сообщение #264 Аня » 22.02.2015, 13:00

А как?
Вот код overall_footer
Спойлер
Код: Выделить всё
   </div>

<div id="page-footer"><!--
   We request you retain the full copyright notice below including the link to www.phpbb.com.
   This not only gives respect to the large amount of time given freely by the developers
   but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
   the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
   "phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
   forums may be affected.

   The phpBB Group : 2006
//-->

   <div class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a> &copy; 2000, 2002, 2005, 2007 phpBB Group
      <!-- IF TRANSLATION_IRIO --><br />{TRANSLATION_IRIO}<!-- ENDIF -->
      <!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
      <!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
  </div>
</div>

</div>

<div>
   <a id="bottom" name="bottom" accesskey="z"></a>
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</div>
   </div>
</div>
                                                                                                                            </div>
                                     </div>
                                     </div>
                              </div>   
                           </div>
                          </div>
                      </div>
                      <!--End Main Column (col1wrap)-->
                              <!--Begin Left Column (col2)-->
                                                    <!-- IF IRI_MENUPOSITION == left -->
                                              <div class="col2">
                           <div id="leftcol">
                              <div class="sidecol-tm"><div class="sidecol-tl"></div><div class="sidecol-tr"></div></div>
                              <div class="sidecol-m"><div class="sidecol-l"><div class="sidecol-r">
                                                                     <div class="">
      <div class="moduletable">
                  <div class="side-style-h3"><h3 class="module-title">Main Menu</h3></div>
                  <div class="module-inner">
      <!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
   <ul class="menu">
   <!-- IF S_DISPLAY_SEARCH -->
      <li class="parent <!-- IF U_SEARCH_ID eq 'unanswered' -->active<!-- ENDIF -->"><a href="{U_SEARCH_UNANSWERED}" ><span>{L_SEARCH_UNANSWERED}</span></a></li><!-- IF S_USER_LOGGED_IN -->
      <li class="parent <!-- IF U_SEARCH_ID eq 'newposts' -->active<!-- ENDIF -->"><a href="{U_SEARCH_NEW}" ><span>{L_SEARCH_NEW}</span></a></li><!-- ENDIF -->
      <li class="parent <!-- IF U_SEARCH_ID eq 'active_topics' -->active<!-- ENDIF -->"><a href="{U_SEARCH_ACTIVE_TOPICS}" ><span>{L_SEARCH_ACTIVE_TOPICS}</span></a></li>
   <!-- ENDIF -->
   <li class="<!-- IF U_SEARCH_ID eq 'egosearch' -->active<!-- ENDIF -->"><a href="{U_SEARCH_SELF}" ><span>{L_SEARCH_SELF}</span></a></li>
   <li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}" ><span>{L_SEARCH_ADV}</span></a></li>
   <!-- IF not S_IS_BOT and U_MARK_FORUMS --><li><a href="{U_MARK_FORUMS}" accesskey="m" ><span>{L_MARK_FORUMS_READ}</span></a></li><!-- ENDIF -->
   </ul>   
<!-- ENDIF -->      
         </div>
      </div>
   </div>
                           <!-- IF S_SHOW_IRIUSER -->
                           <div class="">
      <div class="moduletable">
                  <div class="side-style-h3"><h3 class="module-title">User Menu</h3></div>
                  <div class="module-inner">
      <ul class="menu">
   <!-- IF U_MCP --><li><a href="{U_MCP}" ><span>{L_MCP}</span></a></li><!-- ENDIF -->
         <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->

            <li{U_PROFILE_STYLE}><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u" ><span>{L_PROFILE}</span></a></li>
                  <!-- IF S_DISPLAY_PM --><li{U_PRIVATEMSGS_STYLE}><a href="{U_PRIVATEMSGS}" ><span>{PRIVATE_MESSAGE_INFO}</span></a></li><!-- ENDIF -->
               <!-- IF U_RESTORE_PERMISSIONS -->
               <li ><a href="{U_RESTORE_PERMISSIONS}" ><span>{L_RESTORE_PERMISSIONS}</span></a></li>
               <!-- ENDIF -->
         

         <!-- ENDIF -->


            <li{U_FAQ_STYLE}><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}" ><span>{L_FAQ}</span></a></li>
            <!-- IF not S_IS_BOT -->
               <!-- IF S_DISPLAY_MEMBERLIST --><li{U_MEMBERLIST_STYLE}><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}" ><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
               <!-- IF not S_USER_LOGGED_IN --><li{U_REGISTER_STYLE}><a href="{U_REGISTER}" ><span>{L_REGISTER}</span></a></li><!-- ENDIF -->
               <li{U_LOGIN_LOGOUT_STYLE}><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l" ><span>{L_LOGIN_LOGOUT}</span></a></li>
            <!-- ENDIF -->
   </ul>      
         </div>
      </div>
   </div>
                           <!-- ENDIF -->
                            <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->   
                           <div class="">
      <div class="moduletable">
                  <div class="side-style-h3"><h3 class="module-title">{L_LOGIN}</h3></div>
               <div class="module-inner">   
                              
<div class="main-login-form">
   <form method="post" action="{ROOT_PATH}ucp.php?mode=login" class="form-login">
            <div class="username-block">
         <input type="text" name="username" id="username" class="inputbox" value="{L_USERNAME}" alt="{L_USERNAME}" onblur="if(this.value=='') this.value='{L_USERNAME}';" onfocus="if(this.value=='{L_USERNAME}') this.value='';" />
      </div>
      <div class="password-block">
         <input type="password" name="password" id="password"  class="inputbox" alt="{L_PASSWORD}" onblur="if(this.value=='') this.value='{L_PASSWORD}';" onfocus="if(this.value=='{L_PASSWORD}') this.value='';" />
      </div>
      <div class="login-extras">
         <!-- IF S_AUTOLOGIN_ENABLED -->
         <div class="remember-me">
         <input type="checkbox" name="autologin" id="autologin" class="checkbox" value="yes" alt="{L_LOG_ME_IN}" />
         <label class="remember">
            {L_LOG_ME_IN}         </label>   
         </div>
         <!-- ENDIF -->
         <div class="readon-wrap1"><div class="readon1-l"></div><a class="readon-main"><span class="readon1-m"><span class="readon1-r">
         <input name="redirect" value="{LOGIN_REDIRECT}" type="hidden" />
         <input type="submit" name="login" class="button" value="{L_LOGIN}" />
         
         </span></span></a></div><div class="clr"></div>
      </div>
   </form>
</div>
            </div>
      </div>
   </div>
      <!-- ENDIF -->                     
                           
                           
                           
   
                                                               </div></div></div>
                              <div class="sidecol-bm"><div class="sidecol-bl"></div><div class="sidecol-br"></div></div>
                           </div>
                         </div>
                          <!-- ENDIF -->
                         <!--End Left Column (col2)-->
                      <!--Begin Right Column (col3)-->
                        <!-- IF IRI_MENUPOSITION == right -->
                                              <div class="col3">
                           <div id="rightcol">
                              <div class="sidecol-tm"><div class="sidecol-tl"></div><div class="sidecol-tr"></div></div>
                              <div class="sidecol-m"><div class="sidecol-l"><div class="sidecol-r">
                                                                     <div class="">
      <div class="moduletable">
                  <div class="side-style-h3"><h3 class="module-title">Main Menu</h3></div>
                  <div class="module-inner">
      <!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
   <ul class="menu">
   <!-- IF S_DISPLAY_SEARCH -->
      <li class="parent <!-- IF U_SEARCH_ID eq 'unanswered' -->active<!-- ENDIF -->"><a href="{U_SEARCH_UNANSWERED}" ><span>{L_SEARCH_UNANSWERED}</span></a></li><!-- IF S_USER_LOGGED_IN -->
      <li class="parent <!-- IF U_SEARCH_ID eq 'newposts' -->active<!-- ENDIF -->"><a href="{U_SEARCH_NEW}" ><span>{L_SEARCH_NEW}</span></a></li><!-- ENDIF -->
      <li class="parent <!-- IF U_SEARCH_ID eq 'active_topics' -->active<!-- ENDIF -->"><a href="{U_SEARCH_ACTIVE_TOPICS}" ><span>{L_SEARCH_ACTIVE_TOPICS}</span></a></li>
   <!-- ENDIF -->
   <li class="<!-- IF U_SEARCH_ID eq 'egosearch' -->active<!-- ENDIF -->"><a href="{U_SEARCH_SELF}" ><span>{L_SEARCH_SELF}</span></a></li>
   <li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}" ><span>{L_SEARCH_ADV}</span></a></li>
   <!-- IF not S_IS_BOT and U_MARK_FORUMS --><li><a href="{U_MARK_FORUMS}" accesskey="m" ><span>{L_MARK_FORUMS_READ}</span></a></li><!-- ENDIF -->
   </ul>   
<!-- ENDIF -->      
         </div>
      </div>
   </div>
                           <!-- IF S_SHOW_IRIUSER -->
                           <div class="">
      <div class="moduletable">
                  <div class="side-style-h3"><h3 class="module-title">User Menu</h3></div>
                  <div class="module-inner">
      <ul class="menu">
   <!-- IF U_MCP --><li><a href="{U_MCP}" ><span>{L_MCP}</span></a></li><!-- ENDIF -->
         <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->

            <li{U_PROFILE_STYLE}><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u" ><span>{L_PROFILE}</span></a></li>
                  <!-- IF S_DISPLAY_PM --><li{U_PRIVATEMSGS_STYLE}><a href="{U_PRIVATEMSGS}" ><span>{PRIVATE_MESSAGE_INFO}</span></a></li><!-- ENDIF -->
               <!-- IF U_RESTORE_PERMISSIONS -->
               <li ><a href="{U_RESTORE_PERMISSIONS}" ><span>{L_RESTORE_PERMISSIONS}</span></a></li>
               <!-- ENDIF -->
         

         <!-- ENDIF -->


            <li{U_FAQ_STYLE}><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}" ><span>{L_FAQ}</span></a></li>
            <!-- IF not S_IS_BOT -->
               <!-- IF S_DISPLAY_MEMBERLIST --><li{U_MEMBERLIST_STYLE}><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}" ><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
               <!-- IF not S_USER_LOGGED_IN --><li{U_REGISTER_STYLE}><a href="{U_REGISTER}" ><span>{L_REGISTER}</span></a></li><!-- ENDIF -->
               <li{U_LOGIN_LOGOUT_STYLE}><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l" ><span>{L_LOGIN_LOGOUT}</span></a></li>
            <!-- ENDIF -->
   </ul>      
         </div>
      </div>
   </div>
                           <!-- ENDIF -->
                            <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->   
                           <div class="">
      <div class="moduletable">
                  <div class="side-style-h3"><h3 class="module-title">{L_LOGIN}</h3></div>
               <div class="module-inner">   
                              
<div class="main-login-form">
   <form method="post" action="{ROOT_PATH}ucp.php?mode=login" class="form-login">
            <div class="username-block">
         <input type="text" name="username" id="username" class="inputbox" value="{L_USERNAME}" alt="{L_USERNAME}" onblur="if(this.value=='') this.value='{L_USERNAME}';" onfocus="if(this.value=='{L_USERNAME}') this.value='';" />
      </div>
      <div class="password-block">
         <input type="password" name="password" id="password"  class="inputbox" alt="{L_PASSWORD}" onblur="if(this.value=='') this.value='{L_PASSWORD}';" onfocus="if(this.value=='{L_PASSWORD}') this.value='';" />
      </div>
      <div class="login-extras">
         <!-- IF S_AUTOLOGIN_ENABLED -->
         <div class="remember-me">
         <input type="checkbox" name="autologin" id="autologin" class="checkbox" value="yes" alt="{L_LOG_ME_IN}" />
         <label class="remember">
            {L_LOG_ME_IN}         </label>   
         </div>
         <!-- ENDIF -->
         <div class="readon-wrap1"><div class="readon1-l"></div><a class="readon-main"><span class="readon1-m"><span class="readon1-r">
         <input name="redirect" value="{LOGIN_REDIRECT}" type="hidden" />
         <input type="submit" name="login" class="button" value="{L_LOGIN}" />
         
         </span></span></a></div><div class="clr"></div>
      </div>
   </form>
</div>
            </div>
      </div>
   </div>
      <!-- ENDIF -->                     
                           
                           
                           
   
                                                               </div></div></div>
                              <div class="sidecol-bm"><div class="sidecol-bl"></div><div class="sidecol-br"></div></div>
                           </div>
                         </div>
                          <!-- ENDIF -->
                      <!--End Right Column (col3)-->
                  </div>
               </div>
            </div>
         </div>
               </div>
      <!--End Main Body-->
   </div>
   </div>
   <!--Begin Main Bottom-->
      
   <!--End Main Bottom-->
   <!--Begin Footer-->
      <div class="wrapper">
      <div id="main-trans2">
         <div id="footer">
            <div id="footer-bg"><div id="footer-bg2">
                              <div id="mainmodules4" class="spacer w99">
                              <div class="block full">
                     <div class="">
      <div class="moduletable">
            <!-- IF S_DISPLAY_ONLINE_LIST -->
            <div class="demo-footer-block"><div class="demo-footer-text">
                  <p>
                    <!-- IF U_VIEWONLINE -->
                    <a href="{U_VIEWONLINE}"> {L_WHO_IS_ONLINE}</a></p>
                  <p>
                    <!-- ELSE -->
                  {L_WHO_IS_ONLINE}<!-- ENDIF -->
                 
                  </p>
                  <p>
                   
                    {TOTAL_USERS_ONLINE} </p>
                  <p>({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
                    <!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF -->
                   
                    <!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
                    <strong>{L_BIRTHDAYS}</strong><br />
                    <!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF -->
                    <!-- ENDIF -->
                  </p>
              </div></div><!-- ENDIF -->
<!-- IF NEWEST_USER -->
<div class="demo-footer-divider"></div>
<div class="demo-footer-block"><div class="demo-footer-text">
<span class="highlight-bold">{L_STATISTICS}</span>
<p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} &bull; {NEWEST_USER}</p>
<div class="clr"></div><div class="clr"></div></div></div>
<!-- ENDIF -->

<div class="clr"></div>   </div>
   </div>
   
               </div>
                                                         </div>
                              <!-- IF SHOW_IRI_COPYRIGHT -->
                              <!--Begin Copyright Section-->
                              <div class="copyright-block">
                              <a href="http://www.nrg-design.ru/" title="RocketTheme Joomla Templates Club" id="rocket"></a>
               <div id="copyright">
                  &copy; Copyright 2009, All Rights Reserved.                </div>
                                             <div id="top-button"><a href="#" id="top-scroll" class="top-button-desc">Back to Top</a></div>
                              </div>
                              <!--End Copyright Section-->
                              <!-- ENDIF -->
            </div></div>
         </div>
      </div>
   </div>
      <!--End Footer-->
   <!--Begin Bottom Advertisment-->
      <!--End Bottom Advertisment-->   
      </div></div>
</body>
</html>
Мне бы хотя бы в 2 колонки оформить о отступ сделать
Аня
Гость

Сообщение #265 HD321kbps » 22.02.2015, 14:16

Аня:А как?
Вот код overall_footer
Мне бы хотя бы в 2 колонки оформить о отступ сделать
Верстальщика вам в помощь
HD321kbps M
Аватар
Откуда: Армянск
Репутация: 376
С нами: 13 лет 4 месяца

Сообщение #266 Аня » 22.02.2015, 14:45

Я сама хочу научится...
Аня
Гость

Сообщение #267 Убивай » 22.02.2015, 14:58

Аня:Я сама хочу научится...
ставьте phpbbex и тогда может придёт герой и по вашу душу :wink:
Убивай
Репутация: 10
С нами: 11 лет 5 месяцев

Сообщение #268 Sumanai » 22.02.2015, 14:58

Аня, тогда вам на Самоучитель HTML , там же есть самоучитель по CSS.
Sumanai M
Аватар
Репутация: 1678
С нами: 13 лет 5 месяцев

Сообщение #269 sag-sag » 19.03.2015, 23:05

Подскажите пожалуйста: какая строчка отвечает за вывод рамки в объявлениях?
Screenshot_1.png


Хочу например, чтоб в объявлениях была рамка например красного цвета.
sag-sag M
Аватар
Репутация: 416
С нами: 12 лет 11 месяцев
  • 1

Сообщение #270 Sumanai » 19.03.2015, 23:52

Можно использовать класс
Код: Выделить всё
.forumbg.announcement
Строчки используются такие же, как и для остальных подобных рамок, только данный класс поможет выделить объявления.
Sumanai M
Аватар
Репутация: 1678
С нами: 13 лет 5 месяцев
  • 1

Сообщение #271 sag-sag » 20.03.2015, 00:03

Sumanai, Спасибо!
Оффтоп
С повышением :smile: :clap:
sag-sag M
Аватар
Репутация: 416
С нами: 12 лет 11 месяцев

Сообщение #272 Трислав » 17.04.2015, 18:12

Здравия вам люди добрые :smile:
Помогите решить проблему, ибо застрял на ней капитально.
1. Как убрать белый цвет при наведении на список форумов?
Изображение
2. В каком файле править стиль спойлера?
Заранее благодарю за ответы :wink:
Трислав M
Аватар
Репутация: 38
С нами: 11 лет 3 месяца
  • 2

Сообщение #273 Sumanai » 17.04.2015, 18:26

Трислав:1. Как убрать белый цвет при наведении на список форумов?
Раз, два.
Трислав:В каком файле править стиль спойлера?
content.css
Sumanai M
Аватар
Репутация: 1678
С нами: 13 лет 5 месяцев

Сообщение #274 Трислав » 17.04.2015, 19:07

Благодарю, очень выручили, что называется смотрим в книгу видим....
Трислав M
Аватар
Репутация: 38
С нами: 11 лет 3 месяца
  • 1

Сообщение #275 Sumanai » 17.04.2015, 19:15

Результат покажете потом? :smile:
Sumanai M
Аватар
Репутация: 1678
С нами: 13 лет 5 месяцев
  • 1

Сообщение #276 Трислав » 18.04.2015, 11:12

Sumanai:Результат покажете потом?
Да пожалуйста, (сайт тестовый, учусь я, посему рекламировать нечего)
Но вот блин никак я не могу некоторые элементы победить, видимо не правильно или не там ищу :sad:
Изображение
1. Вот эта разделительная линия
2. Надпись, добавлено спустя.....
Так что в очередной раз за помошью
Трислав M
Аватар
Репутация: 38
С нами: 11 лет 3 месяца
  • 2

Сообщение #277 Sumanai » 18.04.2015, 13:54

Трислав:1. Вот эта разделительная линия
Код: Выделить всё
p.header-path {
    border-top: 1px solid #cccccc;
    font-weight: bold;
    margin-bottom: 1.3em;
    margin-top: 0;
    padding-top: 5px;
}
Первая строчка.
Трислав:2. Надпись, добавлено спустя.....
Это прописано в шаблоне bbcode.html
Код: Выделить всё
font-size: 85%; line-height: normal; color: gray;
Меняете цвет на нужный.
Себе на заметку- нужно перенести это в стили.
Sumanai M
Аватар
Репутация: 1678
С нами: 13 лет 5 месяцев

Сообщение #278 Трислав » 18.04.2015, 15:08

Ой спасибо))) Помогло, сменил цвета :biggrin:
Ну почти добил, теперь кнопки фотошопить))

Добавлено спустя 2 часа 14 минут:
Ну и последний из тупых вопросов :sad:
Как установить фавикон? Достаточно просто залить его в корень сайта, или его надо где-то прописать. Если да, то в каком файле, и как. Я просто плохо в коде соображаю, если точнее, никак не соображаю))
Трислав M
Аватар
Репутация: 38
С нами: 11 лет 3 месяца
  • 1

Сообщение #279 Sumanai » 18.04.2015, 17:38

Да, favicon.ico в корне сайта будет достаточно.
Sumanai M
Аватар
Репутация: 1678
С нами: 13 лет 5 месяцев

Сообщение #280 sag-sag » 05.05.2015, 18:00

Взял с одного из плагинов под Xenforo, 4 картинки на тему Победы:
Спойлер
9maja.png
9maja.png (55.61 КБ) Просмотров: 17901

9maja_01.png
9maja_01.png (28.11 КБ) Просмотров: 17900

9maja_02.png
9maja_02.png (24.15 КБ) Просмотров: 17903

9maja_03.png
9maja_03.png (32.63 КБ) Просмотров: 17901

Как поместить какой-либо из значков в одно из указанных мест:
Screenshot_1.png
sag-sag M
Аватар
Репутация: 416
С нами: 12 лет 11 месяцев
Пред.След.
Ответить
Администратор: admin@phpbbex.com
Создано на основе phpBBex
cron