форум vBSupport.ru > vBulletin > vBulletin 3.8.x > Внешний вид 3.8
Register Меню vBsupport Изображения Files Manager О рекламе Today's Posts Search
  • Родная гавань
  • Блок РКН снят
  • Premoderation
  • For English speaking users
  • Каталог Фрилансеров
  • If you want to buy some product or script
  • Администраторам
VBsupport перешел с домена .ORG на родной .RU Ура! Пожалуйста, обновите свои закладки - VBsupport.ru
Блок РКН снят, форум доступен на всей территории России, включая новые терртории, без VPN
На форуме введена премодерация ВСЕХ новых пользователей

Почта с временных сервисов, типа mailinator.com, gawab.com и/или прочих, которые предоставляют временный почтовый ящик без регистрации и/или почтовый ящик для рассылки спама, отслеживается и блокируется, а так же заносится в спам-блок форума, аккаунты удаляются
for English speaking users:
You may be surprised with restriction of access to the attachments of the forum. The reason is the recent change in vbsupport.org strategy:

- users with reputation < 10 belong to "simple_users" users' group
- if your reputation > 10 then administrator (kerk, Luvilla) can decide to move you into an "improved" group, but only manually

Main idea is to increase motivation of community members to share their ideas and willingness to support to each other. You may write an article for the subject where you are good enough, you may answer questions, you may share vbulletin.com/org content with vbsupport.org users, receiving "thanks" equal your reputation points. We should not only consume, we should produce something.

- you may:
* increase your reputation (doing something useful for another members of community) and being improved
* purchase temporary access to the improved category:
10 $ for 3 months. - this group can download attachments, reputation/posts do not matter.
20 $ for 3 months. - this group can download attachments, reputation/posts do not matter + adds eliminated + Inbox capacity increased + files manager increased permissions.

Please contact kerk or Luvilla regarding payments.

Important!:
- if your reputation will become less then 0, you will be moved into "simple_users" users' group automatically.*
*for temporary groups (pre-paid for 3 months) reputation/posts do not matter.
Уважаемые пользователи!

На форуме открыт новый раздел "Каталог фрилансеров"

и отдельный раздел для платных заказов "Куплю/Закажу"

Если вы хотите приобрести какой то скрипт/продукт/хак из каталогов перечисленных ниже:
Каталог модулей/хаков
Ещё раз обращаем Ваше внимание: всё, что Вы скачиваете и устанавливаете на свой форум, Вы устанавливаете исключительно на свой страх и риск.
Сообщество vBSupport'а физически не в состоянии проверять все стили, хаки и нули, выкладываемые пользователями.
Помните: безопасность Вашего проекта - Ваша забота.
Убедительная просьба: при обнаружении уязвимостей или сомнительных кодов обязательно отписывайтесь в теме хака/стиля
Спасибо за понимание
 
 
 
 
Sardelka
Продвинутый
Default Текст сообщения в облочке.
3

Решил с вами поделится данной примочкой.
Вот что должно получиться в результате:


Цвет облочка можно менять в CSS коде.

1) Код взял отсюда: http://nicolasgallagher.com/pure-css...-bubbles/demo/
2) Тот код который мне подошел:
PHP Code:
.triangle-right {
    
position:relative;
    
padding:15px;
    
margin:1em 0 3em;
    
color:#000;
    
background:#E0E0E0; /* default background for browsers without gradient support */
    /* css3 */
    
background:-webkit-gradient(linear0 00 100%, from(#E0E0E0), to(#E0E0E0));
    
background:-moz-linear-gradient(#E0E0E0, #E0E0E0);
    
background:-o-linear-gradient(#E0E0E0, #E0E0E0);
    
background:linear-gradient(#E0E0E0, #E0E0E0);
    
-webkit-border-radius:10px;
    -
moz-border-radius:10px;
    
border-radius:10px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-right.top {
    
background:-webkit-gradient(linear0 00 100%, from(#075698), to(#2e88c4));
    
background:-moz-linear-gradient(#075698, #2e88c4);
    
background:-o-linear-gradient(#075698, #2e88c4);
    
background:linear-gradient(#075698, #2e88c4);
}

/* Variant : for left positioned triangle
------------------------------------------ */
.triangle-right.left {
    
margin-left:40px;
    
background:#E0E0E0;
}


/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-right.right {
    
margin-right:40px;
    
background:#075698;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right:after {
    
content:"";
    
position:absolute;
    
bottom:-20px/* value = - border-top-width - border-bottom-width */
    
left:50px/* controls horizontal position */
    
border-width:20px 0 0 20px/* vary these values to change the angle of the vertex */
    
border-style:solid;
    
border-color:#075698 transparent; 
    /* reduce the damage in FF3.0 */
    
display:block
    
width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-right.top:after {
    
top:-20px/* value = - border-top-width - border-bottom-width */
    
right:50px/* controls horizontal position */
    
bottom:auto;
    
left:auto;
    
border-width:20px 20px 0 0/* vary these values to change the angle of the vertex */
    
border-color:transparent #075698; 
}

/* Variant : left
------------------------------------------ */
.triangle-right.left:after {
    
top:16px
    
left:-40px/* value = - border-left-width - border-right-width */
    
bottom:auto;
    
border-width:15px 40px 0 0/* vary these values to change the angle of the vertex */
    
border-color:transparent #E0E0E0; 
}


/* Variant : right
------------------------------------------ */

.triangle-right.right:after {
    
top:16px
    
right:-40px/* value = - border-left-width - border-right-width */
    
bottom:auto;
    
left:auto;
    
border-width:15px 0 0 40px/* vary these values to change the angle of the vertex */
    
border-color:transparent #075698 ; 

Его я вставил в Дополнительные определения CSS. Кто не знает где это: Админка - Стили и шаблоны - Управление стилями - ваш стиль - все опции стиля - почти в самом низу.

2) Дальше идем в postbit_legacy вашего стиля. Кто не знает где это: Админка - Стили и шаблоны - Поиск в шаблонах: вводим postbit_legacy и дальше нажимаем на него, смотрите чтобы он был именно вашего стиля.

в нем ищем код:

PHP Code:
        <!-- message -->

        <
div id="post_message_$post[postid]">  
    
$ad_location[ad_showthread_firstpost_start]
            
$post[message]
        </
div>        

        <!-- / 
message --> 
И подключаем к нему наш CSS код.
Получится должно так:

PHP Code:
        <!-- message -->

<
div class="triangle-right left">
        <
div id="post_message_$post[postid]">  
    
$ad_location[ad_showthread_firstpost_start]
            
$post[message]
        </
div>        
</
div>

        <!-- / 
message --> 
Сохраняем. Все.

Я не программер, и возможно есть много лишнего в коде, так что заранее извиняюсь. Просто пользователи мне уже три месяца все уши прожужали, что хотят. Вот пришлось и сделать.
Надеюсь кому-то пригодится.
Bot
Yandex Bot Yandex Bot is online now
 
Join Date: 05.05.2005
Реклама на форуме А что у нас тут интересного? =)
 
 
StenLi
На доске почёта
Пожизненный блэк
 
banned nax
Default
0

Вначале подумал что это одна большая цитата.
PS. Примеры из книже про html? Спасибо
 
 
Sardelka
Продвинутый
Default
1

Пожалуйста. Если код упростите или найдете ошибки, то напишите, буду очень признателен.

В будущем, сам вид сообщения еще изменю. Потом тоже выложу, может тоже кому-то пригодится.

Last edited by Sardelka : 01-18-2013 at 01:49 PM.
 


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off




All times are GMT +4. The time now is 02:30 PM.


Powered by vBulletin® Version 3.7.6
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.