Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Подложка для портала.

Предыдущая тема Следующая тема Перейти вниз

Решено Подложка для портала.

Сообщение автор Petrovich666 в Вт 10 Июл - 16:08

Подскажите можноли сделать на моем форуме что бы сам портал был прозрачным а задний фон был отдельным от основного форума.
И можноли сделать кнопки меню такимиже как у вас (когда наводишь на кнопку открывались подменю).
Не нашел как на форум повесить часы .(Если можно ссылку в поисковике не показывает).
И где посмотреть СSS своего форума.
Спасибо.

Petrovich666
 

Мужчина

Сообщения : 64
Возраст : 35
Регистрация : 2011-07-01
Благодарности : 0

Без предупреждений

http://forumuta.alianceforum.com/forum

Вернуться к началу Перейти вниз

Решено Re: Подложка для портала.

Сообщение автор Dana Domirani в Вт 10 Июл - 16:54

По поводу меню — покажу пример на профиле.

1. В виджет главной страницы (и портала, если требуется) добавляете код блока, который потом будет разворачиваться:
Код:
<div style="display:none">
  <div id="prof-content">
      <div class="top"></div>
      <div class="prf">
        <a href="/profile?mode=editprofile&amp;page_profil=informations">Информация</a>
        <a href="/profile?mode=editprofile&page_profil=preferences">Личные настройки</a></li>
        <a href="/profile?mode=editprofile&amp;page_profil=signature">Подпись</a>
        <a href="/profile?mode=editprofile&amp;page_profil=avatars">Аватара</a>
        <a href="/profile?mode=editprofile&amp;page_profil=friendsfoes">Друзья и недруги</a>
        <a href="/search?search_id=watchsearch">Темы для слежения</a>
        <a href="/search?search_id=favouritesearch">Закладки</a>
      </div>
      <div class="bott"></div>
  </div>
</div>
Сохраняете.

2. В CSS добавляете настройки для всего меню и разворачивающегося блока:
Код:
.headerbar + .navbar ul li {
position: relative;
float:left;
}

li:hover #prof-content {
  opacity: 1;
  visibility: visible;
  margin-top: -10px;
}

/* блок подменю */
#prof-content {
  width: 135px;
  margin-top: 5px;
  margin-left: -9px;
  _margin: 0; /*IE6 only*/
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 25px;
  z-index: 999;
  background: rgb(90, 140, 250);
background: rgb(90, 140, 250);
background: -moz-linear-gradient(90deg, rgb(90, 140, 250) 0%, rgb(21, 21, 21) 100%);
background: -webkit-linear-gradient(90deg, rgb(90, 140, 250) 0%, rgb(21, 21, 21) 100%);
background: -o-linear-gradient(90deg, rgb(90, 140, 250) 0%, rgb(21, 21, 21) 100%);
background: -ms-linear-gradient(90deg, rgb(90, 140, 250) 0%, rgb(21, 21, 21) 100%);
background: linear-gradient(90deg, rgb(90, 140, 250) 0%, rgb(21, 21, 21) 100%);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

/* ссылки подменю */
#prof-content a {
display: list-item;
list-style: none !important;
text-align: left !important;
margin: 0 !important;
font-size: 10px !important;
color: #fff !important;
text-decoration: none !important;
padding: 5px !important;
text-shadow:0px 0px 7px #000000;
}

/* ссылки подменю при наведении */
#prof-content a:hover {
  background-color: #000;
}
Сохраняете.

3. Добавляете новый скрипт:
Расположение : на всех страницах
Код :
Код:
jQuery(document).ready(function(){
jQuery("#prof-content").appendTo("li:has(a[href$='profile?mode=editprofile'])");
});
Сохраните.
Не забудьте проверить — Активировать управление кодами Javascript : Да

Поскольку зарегистриоваться у Вас я не могу, скрин делаю на вскидку — результат должен быть таким:



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22102
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8886

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено ***

Сообщение автор Margarita в Вт 10 Июл - 17:01

часы можно взять вот тут http://galereika.net/board/flash_clock/16

Margarita
 

Женщина

Сообщения : 90
Возраст : 60
Регистрация : 2011-06-17
Благодарности : 1

Без предупреждений

http://dogsobaka.latvianforum.net/

Вернуться к началу Перейти вниз

Решено Re: Подложка для портала.

Сообщение автор Margarita в Вт 10 Июл - 17:03

часики можно взять тут http://chasikov.net.ru/

Margarita
 

Женщина

Сообщения : 90
Возраст : 60
Регистрация : 2011-06-17
Благодарности : 1

Без предупреждений

http://dogsobaka.latvianforum.net/

Вернуться к началу Перейти вниз

Решено Re: Подложка для портала.

Сообщение автор Petrovich666 в Вт 10 Июл - 19:50

Подскажите нубу что такое CSS где посмотреть спасибо.
Маргарита спрасибо за часы.

Petrovich666
 

Мужчина

Сообщения : 64
Возраст : 35
Регистрация : 2011-07-01
Благодарности : 0

Без предупреждений

http://forumuta.alianceforum.com/forum

Вернуться к началу Перейти вниз

Решено Re: Подложка для портала.

Сообщение автор Dana Domirani в Вт 10 Июл - 20:18

В Па > Оформление > Цвета > Каскадная таблица стилей CSS



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22102
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8886

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Подложка для портала.

Сообщение автор Petrovich666 в Вт 10 Июл - 20:43

@Dana Domirani пишет:По поводу меню — покажу пример на профиле.

1. В виджет главной страницы (и портала, если требуется) добавляете код блока, который потом будет разворачиваться:
Код:
<div style="display:none">
  <div id="prof-content">
      <div class="prf">
        <a href="/profile?mode=editprofile&page_profil=informations">Информация</a>
        <a href="/profile?mode=editprofile&page_profil=preferences">Личные настройки</a></li>
        <a href="/profile?mode=editprofile&page_profil=signature">Подпись</a>
        <a href="/profile?mode=editprofile&page_profil=avatars">Аватара</a>
        <a href="/profile?mode=editprofile&page_profil=friendsfoes">Друзья и недруги</a>
        <a href="/search?search_id=watchsearch">Темы для слежения</a>
        <a href="/search?search_id=favouritesearch">Закладки</a>
      </div>
  </div>
</div>
Сохраняете.


а можно пошаговый ход что куда пожалуйста.
для каждой кнопки меню нужно менять эту строчку <a href="/profile?mode=editprofile&page_profil=avatars">Аватара</a>


Последний раз редактировалось: Petrovich666 (Вт 10 Июл - 21:05), всего редактировалось 1 раз(а)

Petrovich666
 

Мужчина

Сообщения : 64
Возраст : 35
Регистрация : 2011-07-01
Благодарности : 0

Без предупреждений

http://forumuta.alianceforum.com/forum

Вернуться к началу Перейти вниз

Решено Re: Подложка для портала.

Сообщение автор Petrovich666 в Вт 10 Июл - 20:57

В CSS нужно создать строчку.
Спойлер:
/* меню и разворачивающегося блока */
.headerbar + .navbar ul li {
position: relative;
float:left;
}

li:hover #prof-content {
opacity: 1;
visibility: visible;
margin-top: -10px;
}

/* блок подменю */
#prof-content {
width: 135px;
margin-top: 5px;
margin-left: -9px;
_margin: 0; /*IE6 only*/
visibility: hidden;
opacity: 0;
position: absolute;
top: 25px;
z-index: 999;
background: rgb(90, 140, 250);
background: rgb(90, 140, 250);
background: -moz-linear-gradient(90deg, rgb(90, 140, 250) 0%, rgb(21, 21, 21) 100%);
background: -webkit-linear-gradient(90deg, rgb(90, 140, 250) 0%, rgb(21, 21, 21) 100%);
background: -o-linear-gradient(90deg, rgb(90, 140, 250) 0%, rgb(21, 21, 21) 100%);
background: -ms-linear-gradient(90deg, rgb(90, 140, 250) 0%, rgb(21, 21, 21) 100%);
background: linear-gradient(90deg, rgb(90, 140, 250) 0%, rgb(21, 21, 21) 100%);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}

/* ссылки подменю */
#prof-content a {
display: list-item;
list-style: none !important;
text-align: left !important;
margin: 0 !important;
font-size: 10px !important;
color: #fff !important;
text-decoration: none !important;
padding: 5px !important;
text-shadow:0px 0px 7px #000000;
}

/* ссылки подменю при наведении */
#prof-content a:hover {
background-color: #000;
}
так делать?

Petrovich666
 

Мужчина

Сообщения : 64
Возраст : 35
Регистрация : 2011-07-01
Благодарности : 0

Без предупреждений

http://forumuta.alianceforum.com/forum

Вернуться к началу Перейти вниз

Решено Re: Подложка для портала.

Сообщение автор Dana Domirani в Вт 10 Июл - 21:38

так делать?
Да, это все — в CSS.

а можно пошаговый ход что куда пожалуйста.
для каждой кнопки меню нужно менять эту строчку?

Не только. Если Вам нужно несколько таких меню под разными кнопками — тогда надо сделать немного иначе.

Для каждой кнопки нужно создать отдельный блок со своими разделами (в принципе, там могут быть не только ссылки, но и изображения и пр.):

Условно схема блока выглядит так:
<div style="display:none">
<div id="идентификатор">
<div class="prf">
<a href="ссылка">Заголовок</a>
<a href="ссылка">Заголовок</a>
<a href="ссылка">Заголовок</a>
<a href="ссылка">Заголовок</a>
<a href="ссылка">Заголовок</a>
</div>
</div>
</div>

У профиля идентификатор prof-content. У всех остальных подобных меню должны быть собственные (уникальные) идентификаторы, с помощью которых они будут прикреплены к соответствующим кнопкам меню.

Например, чтобы добавить разворачивающийся блок кнопке "группы" нужно:

1) Открыть виджет, в котором лежит код для меню "профиль"

2) Добавить туда код второго меню, назначить ему идентификатор (для примера, group-content) и заполнить ссылки + заголовки

Сюда же надо будет добавлять коды всех последующих блоков. Каждому задать свой идентификатор!
Сохранить.

3) Добавить в скрипт строку для нового блока

Сохранить.

4) Дописать в CSS:



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22102
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8886

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Подложка для портала.

Сообщение автор Petrovich666 в Ср 11 Июл - 0:20

Огромадное спасибо.
Как Вас отблагодарить ?+ не вижу.
Уточнение если кнопки будут на русском языке в кодах их прописывать как?

Petrovich666
 

Мужчина

Сообщения : 64
Возраст : 35
Регистрация : 2011-07-01
Благодарности : 0

Без предупреждений

http://forumuta.alianceforum.com/forum

Вернуться к началу Перейти вниз

Решено Re: Подложка для портала.

Сообщение автор Dana Domirani в Ср 11 Июл - 1:09

Рада была подсказать!

Кнопки могут быть на любом языке, главное — чтобы их URL'ы были прописаны латиницей.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22102
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8886

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Подложка для портала.

Сообщение автор Petrovich666 в Ср 11 Июл - 10:06

Подскажите еще про это.
Подскажите можно ли сделать на моем форуме что бы сам портал был прозрачным а задний фон был отдельным от основного форума.

Petrovich666
 

Мужчина

Сообщения : 64
Возраст : 35
Регистрация : 2011-07-01
Благодарности : 0

Без предупреждений

http://forumuta.alianceforum.com/forum

Вернуться к началу Перейти вниз

Решено Re: Подложка для портала.

Сообщение автор Petrovich666 в Чт 12 Июл - 1:50

получилось подменю ,но из за рекламы оно делится и когда мышкой доходишь до рекламы исчезает.
Скажите на домене тоже реклама будет или можно убрать?

Petrovich666
 

Мужчина

Сообщения : 64
Возраст : 35
Регистрация : 2011-07-01
Благодарности : 0

Без предупреждений

http://forumuta.alianceforum.com/forum

Вернуться к началу Перейти вниз

Решено Re: Подложка для портала.

Сообщение автор Dana Domirani в Чт 12 Июл - 2:41

Реклама от домена не зависит, ее можно отключить саму по себе: http://help.forum2x2.ru/t14744-topic



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22102
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8886

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения