Благодарим за выбор нашего сервиса!
полезное для диза
Сообщений 1 страница 30 из 127
Поделиться22016-04-06 12:15:19
Подсветка для ссылок:
<style type="text/css">
.punbb a:hover, .punbb a:focus, .punbb a:active {
color: #ffe3cc !important;
text-shadow: 0px 0px 6px #702f00;
}
</style>
Поделиться32016-04-06 12:16:00
[АВАТАРЫ В ГРУППУ ОДНОКЛАССНИКОВ] |
полоска после аватарки (хтмл-вверх):
<style type="text/css">
.pa-avatar:after {
content:url(http://s7.uploads.ru/2crCj.jpg);
display:inline-block;
margin-left:-8px;
}
</style>
Поделиться42016-04-06 12:16:15
название категорий по середине ( хтмл-вверх):
<style>
.category h2> span{
position:relative;
display:block;
text-align:center;
font: normal normal 700 13.2px/normal Georgia;
color:#1A4024;
}
</style>
Поделиться52016-04-06 12:18:07
особый шрифт.
хтмл-верх
Код:
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
откуда выбирать шрифты: https://www.google.com/fonts/
1. Устанавливаем выбранный шрифт на сайт (в html-верх):
<link href='http://fonts.googleapis.com/css?family=Marck+Script&subset=cyrillic,latin' rel='stylesheet' type='text/css'>
2. Примененяем к конкретному элементу:
#pun-navlinks {
font-family: 'Marck Script',cursive;
}
Поделиться62016-04-06 12:18:58
/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
background:url(фон профиля) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
overflow: visible!important;
margin:12px 0!important;
}
.punbb .post .post-author > ul {
background:url(картинка верха) 0 top no-repeat,url(картинка низа) 0 bottom no-repeat;
margin:-12px 0 -12px 0!important;
padding:12px 17px!important;
}
ставить:
свой стиль - css низ (цвета style_cs.css), в самый верх после
/* CS1
-------------------------------------------------------------*/
Поделиться72016-04-06 12:19:16
для таблицы (текст вверху на шапке):
<div style="position:fixed; z-index:1000; left: 5%; top: 12%; width: 400px; ">
тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение тут наполнение </div>
Поделиться82016-04-06 12:19:30
первая буква в нике другим цветом ( хтмл-вверх):
<style type="text/css">
.post-author .pa-author a{
display:inline-block;
}
.post-author .pa-author a:first-letter{
color:#FF0000!important;
}
</style>
Поделиться92016-04-06 12:22:42
В поля профиля, чтобы при наведении на картинку высвечивалось название( например6 картинка анкеты - анкета)
<a href="ссылка на анкету", title='СЛОВО_ВЫСВЕЧИВАЮЩЕЕСЯ НАПРИМЕР АНКЕТА'><img src="КАРТИНКА" /></a>
счетчик символов в соо:
<script type="text/javascript">
if ((document.URL.indexOf("viewtopic.php") != -1) || (document.URL.indexOf("post.php") != -1) || (document.URL.indexOf("edit.php") != -1)) {
var repl = document.getElementById("main-reply");
var submit = document.getElementsByTagName("p")
for (var i=0; i<submit.length; i++){
if (submit[i].className == "formsubmit")
submit[i].innerHTML = "<span id=\"plng\" style=\"border: 1px solid; padding: 2px 3px;\">Написано символов: <b>0</b></span>" + submit[i].innerHTML;
}
repl.onkeyup = repl.onkeydown = repl.onfocus = repl.onblur = function(){
document.getElementById("plng").innerHTML ="Написано символов: <b>" + (repl.value.length) + "</b>";
}}
</script>
профиль по центру:
<style type="text/css">
.pa-adnote{ text-align: center;}
.pa-from{ text-align: center;}
.pa-reg{ text-align: center;}
.pa-posts{ text-align: center;}
.pa-respect{ text-align: center;}
.pa-positive{ text-align: center;}
.pa-gifts{ text-align: center;}
.pa-awards{ text-align: center;}
.pa-invitation{ text-align: center;}
.pa-sex{ text-align: center;}
.pa-icq{ text-align: center;}
.pa-ip{ text-align: center;}
.pa-online{ text-align: center;}
.pa-age{ text-align: center;}
.pa-mailagent{ text-align: center;}
.pa-reg { text-align: center;}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
.pa-time-visit{ text-align: center;}
.pa-last-visit{ text-align: center;}
.pa-fld1{ text-align: center;}
.pa-fld2{ text-align: center;}
.pa-fld3{ text-align: center;}
</style>
Поделиться102016-04-06 12:24:11
http://shine.b1.jcink.com/index.php?showtopic=3657 - генератор палитры
Поделиться112016-04-06 12:26:09
Оформление подфорумов:
А это смотря как именно вам хочется сделать:
1. Включить все окошко, в том числе и название:
.punbb td div .tclcon {
font-family: Arial;
font-size: 11px;
text-align: justify;
border-radius: 10px;
background-color: #fff;
padding: 10px;
}
2. Выделить только описание. Для этого просто пропишите отдельный класс:
.catramka {
background: #ECF7F3;
border-radius: 10px;
padding: 10px;
font-family: Arial;
font-size: 11px;
text-align: justify;
}
и потом, когда в админке будете давать описание подфоруму, заключите это описание в тег:
<div class="catramka">Здесь все описания подфорума и прочие мелочи жизни</div>
Первый вариант автоматически применяется ко всем, второй - опционально. Ну и, естественно, всякие свойства задавайте по своему усмотрению - в том числе тени, фоны и прочее-прочее.
Поделиться122016-04-06 12:26:26
ЛС с конвертиком:
<!--картинка о приходе лс-->
<script type="text/javascript">
var nrisunok="https://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>
(хтмл низ)
Поделиться132016-04-06 12:26:47
убирает отредактировано:
<style>
.lastedit {
display: none;
}
</style>
хтмл вверх
Поделиться142016-04-06 12:27:03
форум уч по центру:
<style>
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
</style>
во 2 окно стиля
Поделиться152016-04-06 12:27:26
<!-- Сворачивание в профиле -->
<style>li.pa-hidePunk {border:inset 1px;padding:4px;cursor:pointer; cursor:hand;}</style>
<script type="text/javascript">
var g01="•Открыть профиль•"; // Надпись на разворачивалке
var g00="•Закрыть профиль•"; // Надпись на cворачивалке
hidePunkt=new Array(
//"pa-author", //Ник-Нейм
//"pa-title", //статус
//"pa-avatar", //Аватар
//"pa-from", //Откуда
"pa-reg", //Зарегистрирован
"pa-invites", //Приглашений
//"pa-posts", //Кол-во сообщений:
"pa-respect", //Уважение:
"pa-positive", //Позитив
//"pa-sex", //Пол
"pa-age", //Возраст
"pa-icq", //Аська
"pa-fld1", //Доп.Поле.1
"pa-fld2", //Доп.Поле.2
"pa-fld3", //Доп.Поле.3
"pa-fld4", //Доп.Поле.4
"pa-fld5", //Доп.Поле.5
"pa-ip", //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online", //Пользователь online
"End ul")
var g012='<li class="pa-hidePunk">';
g01='<span>'+g01+'</span>';
g00='<span>'+g00+'</b></span>';
$(".post .post-author").each(function () {
for(var i=0;i<hidePunkt.length-1;i++){
if($(this).find("li."+hidePunkt[i]).html()!=null){
$(this).find("li."+hidePunkt[i]).addClass('hidePunkt');};};
$(this).find("ul").append(g012+g01+g00+'</li>');
$(this).find("li.pa-hidePunk span:last").hide();
$(this).find(".hidePunkt").hide();
});
$("li.pa-hidePunk").click(function () {
$(this).find("span").toggle();
$(this).parent("ul").find("li.hidePunkt").slideToggle(700);});
</script>
вниз
Поделиться162016-04-06 12:27:41
убрать форум соо тем:
#pun th {font-size: 0px;}
Поделиться172016-04-06 12:28:05
оформление проыиля ( хтмл верх)
<style>
.punbb .post .post-author {
width:200px;
padding-top:5px;
background: #d0b69b;
border-top: none;
border-bottom: none;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 10px;
-moz-box-shadow: inset 0 0 10px 5px #9e7c64;
-webkit-box-shadow: inset 0 0 10px 5px #9e7c64;
box-shadow: inset 0 0 10px 5px #9e7c64;
}
</style>
Поделиться182016-04-06 12:29:09
убрать надпись "объявление" ( в начало объявы)
<style> #pun-announcement h2 span{display:none;}</style>
Поделиться192016-04-06 12:30:18
http://artishock.rusff.me/viewtopic.php?id=29&p=23 - бесконечное юзонье хтмл
Поделиться202016-04-06 12:32:28
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:400,600' rel='stylesheet' type='text/css'>
<style>
.wgwnkfont {
font: 5px source code pro;
text-align: center;
}
.wgwnkbody {
width: 326px;
height: auto;
margin: 12px auto;
background-color: #fff;
color: #000;
border: 10px solid #fff;
font: normal normal normal 10px/100% Calibri;
text-align: justify;
text-indent: 18px;
}
.wgwnkwrappers {
width: 310px;
height: 6px;
padding: 8px;
padding-top: 6px;
background-color: #e7e7e7;
margin-top: 10px;
text-align: center;
color: #000;
}
.wgwnkicon {
background-image: url('http://savepic.org/7611845.gif');
width: 100px;
height: 100px;
border: 5px #fff;
border-radius: 50%;
background-position: center;
background-size: cover;
position: relative;
}
</style>
<div class="wgwnkbody">
<div class="wgwnkicon"></div>
<div class="wgwnkwrappers">
KINGSTON // КИНГСТОН
</div>
<hr><p>
Как пишут писатели, не существует ни идеального человека, ни идеального места, где бы смог жить этот идеальный человек, но есть существа, которые стремятся к этому. Есть слово "перфекционист", но в последнее время для некоторых это скорее отрицательная оценка, чем положительная, поэтому мы не будем кружиться вокруг него, да? Ребята, которые вступают в данное сообщество, хотят или уже учатся только превосходно, их словарный запас огромен, ибо им чаще легче проводить время в библиотеках, а не на каких-то университетских вечеринках. Но не стоит их называть "ботаниками", не стоит думать, что они только и говорят об учебе, они любят учебу, но это не занимает все их время.
<p>
Основатель:
Президент:
Вице президент:
Секретарь:
Участники:
<div class="wgwnkwrappers">Поделиться212016-04-06 12:35:36
как вставить награды:
Админка-Награды-Детализированная информация-Да
Поделиться222016-04-06 12:36:14
для админов картинка-ссылка в меню:
<style type="text/css">
a.hover{
display:inline-block;
}
a.hover img{
display:none;
position:absolute;
}
a.hover:hover img{
display:inline-block;
margin:-120px 0 0 -60px;
}
</style>
<a class="hover" href="ссылка"><b>Text</b><img src="ссылка на картинку"/></a>,
<a class="hover" href="ссылка"><b>Text2</b><img src="ссылка на картинку"/></a>,
<a class="hover" href="ссылка"><b>Text3</b><img src="ссылка на картинку"/></a>
Поделиться242016-04-06 13:26:28
ЛЗ
<a href="ссылка на анкету">profile</a>
<b>ЛИННЕЯ БЭНФИЛД, 17<sup> y.o</sup></b> <br>section: танцы<br>popularity: 5%<br><hr>
Поделиться252016-04-06 13:29:03
ИМЯ ФАМИЛИЯ, ВОЗРАСТ |
Поделиться262016-04-06 13:37:39
<a href=ссылка><img src="http://savepic.org/7565675.png" border="0" title="анкета"></a> <a href=ссылка><img src="http://savepic.org/7566699.png" border="0" title="личный дневник"></a><br><b>MALLORY ROBERTS</b>, 19<sup> y.o</sup><br><B><small>факультет и курс:</small></B> Прентис, II <br><small><B>раса:</B></small>темная ведьма<br><small><B>сообщество:</B></small> Тайный круг<br><small><B>кристаллы:</B></small>30
Поделиться272016-04-06 14:55:09
увеличить шрифт на форуме:
<style type="text/css">
.punbb {
font-size: 82.75%;
}
</style>
хтмл-вверх
Поделиться282016-04-06 15:17:57
обрамление подфорума картинкой:
.desc {
background: url(ссылка на изображение) no-repeat; /* no-repeat - фон не будет повторяться при большом описании (можно убрать по желанию) */
border-radius: 10px; /* закругление */
color: #ffffff; /* цвет текста в описании */
padding: 7px; /* Отступ внутри div с описанием */
margin-top: 5px; /* Отступ сверху (от названия форума) */
border: 1px solid #ff0000; /* Рамка толщиной в 1px и цветом #ff0000 */
}
второе окно стиля
Поделиться292016-04-06 15:33:52
<!----------------УБИРАЕТ НАЗВАНИЕ ДОПЛ. ПОЛЯ"----------------------->
<script type="text/javascript">
$('div.post-author ul').find('li[class^="pa-fld"]').map(function(){
var Dop=$(this).html();
if(Dop=='undefined'||Dop==null){return false;};
var Virez=Dop.slice(Dop.indexOf(":")+1);
$(this).html(Virez);
});
</script>
Поделиться302016-04-07 08:12:09
поменять размер шрифта на форуме:
/* A3.2 */
.punbb {
font: normal 68.75% verdana, arial, helvetica, sans-serif;
}