Скрипты и коды

Страница: « 1 2

Сообщений 31 страница 36 из 36

Поделиться3111-01-2014 21:33:35

Автор: Хэргал
Администратор
Сообщений: 74
Уважение: +0
Последний визит:
20-01-2024 22:47:25

/*автор*/
/*аватар и поля профиля*/
.post-author ul li {
background: url("https://dl.dropboxusercontent.com/s/64x8ruz73u3ionq/auth_tile.png") repeat-y transparent;
margin-left: 8px;
padding-left: 8px;
padding-right: 14px;
width: 168px;
}

/*скрываем ненужные*/
/*имя*/

.pa-author {
background: url("https://dl.dropboxusercontent.com/s/kr37ezq3ywdzs1i/author_name.png") 0px 0px no-repeat transparent !important;
color: #EE9980 !important;
height: 33px;
line-height: 0px !important;
margin-left: -10px !important;
padding-top: 37px !important;
text-align: center;
text-shadow: 1px 1px 3px #000000;
width: 200px !important;
}

.pa-author a:hover, .pa-author a:focus, .pa-author a:active {
color: #FBE1C9 !important;
}
.pa-author a{
color: #EE9980 !important;
font: small-caps 700 11pt/0px "Book Antiqua" !important;
}

/*статус*/
.pa-title {background: transparent !important;
height: auto;
line-height: 12px !important;
margin-top: -12px !important;
position: relative;
text-align: center;
font-size: 90%;
}

/*аватар*/
.pa-avatar.item2 {
background: transparent !important;
line-height: 0px !important;
margin-left: 7px;
padding-left: 0px !important;
padding-right: 8px !important;
position: relative;
text-align: center;
width: 190px;
}
.pa-avatar.item2 img {
border: 4px solid #CCB89C;
box-shadow: 1px 1px 8px #60300E;
}

/*первое поле профиля*/
.pa-fld2 {
background: url("https://dl.dropboxusercontent.com/s/2hnyemernjmg2zu/auth_profile.png") 0px 0px transparent !important;
height: 48px !important;
margin-top: 4px !important;
padding-top: 18px !important;

}

/*последнее поле профиля*/
.pa-time-visit {
background: url("https://dl.dropboxusercontent.com/s/2hnyemernjmg2zu/auth_profile.png") 0px -162px transparent !important;
height: 52px !important;
}

.pa-awards, .post-author-Sp {background: transparent !important;}
.imgON_Off {margin-left: 15px !important;}

/*кнопка*/
.button {
background: #571911;
border-bottom: 3px outset #571911;
border-left: 3px outset #935950;
border-right: 3px outset #571911;
border-top: 3px outset #AF7545 !important;
box-shadow: 0px 1px 2px rgba(87, 52, 15, 0.447), inset 0px 0px 2px #DEC7AB;
color: #C29C67 !important;
text-shadow: 1px 1px 2px #000000;
}

.a-prev:hover .preview{
display: block!important;
margin-left: -30px;
position: absolute!important;
margin-top: -35px!important;
z-index: 1;
}
.a-prev .preview{display:none}

/*Скрыть количество зарегистрированных на форуме*/
#pun-stats .statscon .container .item3 span,
#pun-stats .statscon .container .item3 strong {display: none;}

/*Убрать модераторов с гл. страницы*/
#pun .modlist {display: none;}

/*Отключить надпись "Отредактировано"*/
p.lastedit {display:none}

Поделиться3213-01-2014 16:07:59

Автор: Хэргал
Администратор
Сообщений: 74
Уважение: +0
Последний визит:
20-01-2024 22:47:25

<script>$(".post-author li").hover(function(){$(this).attr("title",$(this).attr("class"));});</script>

Поделиться3310-04-2014 19:37:13

Автор: Хэргал
Администратор
Сообщений: 74
Уважение: +0
Последний визит:
20-01-2024 22:47:25

Обрамление Профиля своими фоновыми картинками (Deff)

В Конец Второго окна стиля; картинки меняете на свои

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
background:url(http://s5.uploads.ru/XhMmc.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
overflow: visible!important;
margin:12px 0!important;
}
.punbb .post .post-author > ul {
background:url(http://s4.uploads.ru/bE3dQ.png) 0 top no-repeat,url(http://s5.uploads.ru/LHcVs.png) 0 bottom no-repeat; /*Фон верха - низа*/
margin:-12px 0 -12px 0!important;
padding:12px 17px!important;
}

Поделиться3428-06-2014 03:23:29

Автор: Хэргал
Администратор
Сообщений: 74
Уважение: +0
Последний визит:
20-01-2024 22:47:25

С форума Ревия

Первое окно стиля!
/* C3.5 */
.punbb .post .post-author {
width: 232px;
float:left;
min-height: 87px;
color: #faeac7;
text-shadow: none !important;
background: url(http://forumstatic.ru/files/0012/67/fd/17200.png) 0% 0% repeat-y transparent ;
box-shadow: -15px 20px 30px rgba(33, 18, 10, 0.749);
text-align: center;
}

.pa-author {
background: url("http://forumstatic.ru/files/0012/67/fd/18245.png") 0px 0px no-repeat transparent !important;
color: #faeac7 !important;
height: 115px;
position: relative;
text-align: center;
width: 232px;
line-height: 0px !important;
padding-top: 70px !important;
padding-bottom: -60px !important;
margin-left: -11px !important;
top: -95px;
margin-top: 55px !important;
}

http://forumstatic.ru/files/0012/67/fd/94421.png

<td><center><strong style="font-size: 24px; color: #0f0648; font-family: Moon, Verdana;">1-e место</strong></td>

<script>
navlinks=new Array(
"navindex", // Форум
"http://forumstatic.ru/files/0012/67/fd/37154.png","http://forumstatic.ru/files/0012/67/fd/13629.png",
"navuserlist", // Участники
"http://forumstatic.ru/files/0012/67/fd/39127.png","http://forumstatic.ru/files/0012/67/fd/42497.png ",
"navsearch", // Поиск
"http://forumstatic.ru/files/0012/67/fd/50877.png","http://forumstatic.ru/files/0012/67/fd/43954.png",
"navprofile", // Профиль
"http://forumstatic.ru/files/0012/67/fd/25826.png","http://forumstatic.ru/files/0012/67/fd/18552.png",
"navpm", // Сообщения
"http://forumstatic.ru/files/0012/67/fd/23795.png","http://forumstatic.ru/files/0012/67/fd/33445.png",
"navadmin", // Администрирование
"http://forumstatic.ru/files/0012/67/fd/27335.png","http://forumstatic.ru/files/0012/67/fd/25043.png",
"navregister", // Регистрация
"http://forumstatic.ru/files/0012/67/fd/72887.png","http://forumstatic.ru/files/0012/67/fd/44149.png",
"navlogin", // Войти
"http://forumstatic.ru/files/0012/67/fd/21428.png","http://forumstatic.ru/files/0012/67/fd/30082.png",
"navlogout", // Выход
"http://forumstatic.ru/files/0012/67/fd/46806.png","http://forumstatic.ru/files/0012/67/fd/61938.png" //
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script>

<script type="text/javascript"> var L0='<img class="imgON_Off" src="';
var L1='" style="width:232px;margin-top:10px;margin-left:-11px !important;display:block;margin-bottom:-87px !important;position:relative;" />';

var ImgON="http://forumstatic.ru/files/0012/67/fd/47651.png"; // Картинка Online;
var ImgOff="http://forumstatic.ru/files/0012/67/fd/94421.png"; // Картинка OffLine;

$("#pun-viewtopic .post .post-author > ul").each(function () {
if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
}else $(this).append(L0+ImgOff+L1);
});
</script>

Поделиться3528-06-2014 14:15:48

Автор: Хэргал
Администратор
Сообщений: 74
Уважение: +0
Последний визит:
20-01-2024 22:47:25

Пиар-вход со сменой картинки

<style>.Myimge {position:absolute;margin-top:-14px;cursor:pointer;}</style>
<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<span id=spMyimg><img class=\"Myimge\" title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://savepic.ru/2867133.png\" onmouseover=\"this.src='http://savepic.ru/2857917.png' \" onmouseout=\"this.src='http://savepic.ru/2867133.png'\" /></span>";
if($("#navlogin").html()!=null){
$("#navlogin").append(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

Поделиться3630-06-2014 21:55:09

Автор: Хэргал
Администратор
Сообщений: 74
Уважение: +0
Последний визит:
20-01-2024 22:47:25

В НТМЛ верх:

Код:

<style type="text/css">
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-size: 12px;
background-color: rgba(138, 121, 105, 0.901961);
color: rgb(207, 207, 197);
font-weight: normal;
text-align: center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: rgb(155, 123, 89);
border-left-width: 5px;
width: 220px;
text-shadow: none;
transition: 
background-color 0.6s ease 0.02s, border-left-color 0.2s ease 0.02s, font-style 0.2s ease 0.02s, letter-spacing 1.2s ease 0.02s;
-webkit-transition: 
background-color 0.6s ease 0.02s, border-left-color 0.2s ease 0.02s, font-style 0.2s ease 0.02s, letter-spacing 1.2s ease 0.02s;
}

a.tvm:hover {
font-size: 12px;
color: rgb(255, 255, 255);
background-color: rgb(163, 157, 127);
display: block;
font-style: italic;
text-align: center;
text-decoration: none;
border-left-style: solid;
border-left-color: rgb(97, 33, 41);
border-left-width: 5px;
letter-spacing: 1px;
width: 220px;
opacity: 1;
}
</style>

Верхняя часть - ссылки в неактивном состоянии.
Нижняя часть - ссылки в активном состоянии.

background-color - фон ссылки
color - цвет текста
border-left-color - цвет левого узкого блока
letter-spacing - увеличение текста при наведении курсора

Туда, где нужна навигация:

Код:

<div>
<center>Навигация</center>
<a href="Ссылка №1" class="tvm" target="">Название №1</a>
<a href="Ссылка №2" class="tvm" target="">Название №2</a>
<a href="Ссылка №3" class="tvm" target="">Название №3</a>
<a href="Ссылка №4" class="tvm" target="">Название №4</a>
</div>

Вместо Ссылка №1 и Название №1 подставляете свои значения.
<a href="Ссылка №1" class="tvm" target="">Название №1</a> - этот код копируете и добавляете столько сколько вам нужно ссылок в Навигации..

Страница: « 1 2

Секунда до...

Меню навигации

Пользовательские ссылки

Информация о пользователе