первое, что делает чангу, это шумно сглатывает. пауза затягивается, адачи перед ним согнувшись пополам, с натянувшейся кожей и выступающими позвонками. иероглиф, что затерялся между третьим и четвертым, чангу знает каждую черную линию, знает, как правильно написать его на бумаге, и знает его значение.
дом
самая большая ирония в жизни, чангу не стремился найти свой домашний очаг и беспечную старость в окружении близких, чангу не горел желанием заводить семью и что-то в подобном ключе, или что там приходит на ум, когда проводишь ассоциативный ряд с этим словом.
и где-то тут обязательно размещены скрытые камеры.
California High |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » California High » die young » для дизайна
тип учебники для дизайна (css и html):
http://www.wisdomweb.ru/
http://htmlbook.ru/
Новый FAQ по дизайну форума в CSS
http://forumd.ru/viewtopic.php?id=1482
как делать html таблицу
http://forumd.ru/viewtopic.php?id=368
сам пример создания диза
http://forumd.ru/viewtopic.php?id=3073
по фону
http://unionforum.rusff.me/viewtopic.php?id=160
какие блоки за что отвечают
http://nestandart.artbb.ru/viewtopic.php?id=4372
#FFFFFF --- БЕЛАЯ ТЕНЬ
#121e3b --- #b8bcc6 бледно бледно оранжевый
#FF6000 --- #121e3b яркооранжевый
#FEECA3 #FDF1B7--- #e7e8ec бледнобледно жёлтый
#FFD48A --- #a1a6b3 бледно жёлтый
#FFC072 --- #727a8d чуть темнее бледно жёлтого
#FFCB08 #D4A600 #FFC629 #FCD745 --- #121e3b ярко жёлтый
#FF9C1D #FFAD00 #FF9D00 #FF9F00 --- #152242 яроко-тёмно ёлтый
#FFBD4C --- #2c3854 тёмно жёлтый
#902F08 #6D0000 #850000 ---- #0e172e коричневый
#400303 --- #0c1427 тёмно коричневый
#B51A1A #C11D1D --- #152242 красный
#e7e8ec #FF0000 --- #2c1d5e яркокрасный
#F1E3FF --- #eae8f0 бледнобледно розовый
#FFDCCA #FFD1BB #FFAA9C --- #d0d2d9 бледно розовый
#FF0079 --- #312169 ярко розовый
#FF8888 ---- #5b647a тёмно розовый
СКРИПТ HTML В ПОСТАХ. ставится в HTML-низ
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>
цвет ссылок на весь фор хтмл верх
<style type="text/css">
a:link {
color: #FFFF00;
}
a:visited {
color: #FFFF99;
}
a:hover {
color: #FFFF99;
}
a:active {
color: #FFCC00;
}
</style>
профилактика. хтмл верх
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>сюда нельзя. тут мои секретики хд</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='/' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password' id='fld2' name='req_password' size='25' maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как ' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>
новое сообщение. мигающий конверт. хтмл низ
<script type="text/javascript">
var nrisunok="http://s9.uploads.ru/rHAXn.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>
кнопки вверх вниз. хтмл низ
<div class="go-up" id='ToTop'><img src="ссылка" /></div>
<div class="go-down" id='OnBottom'><img src="ссылка" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:4%; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.5; /*прозрачность*/
}
.go-up {
bottom:210px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:150px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
обтекание изображения. хтмл низ
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
});
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content")
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
мр3 плеер. хтмл низ
<style type="text/css">
#button-mp3 {background-image:url('http://funkyimg.com/i/UG8x.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
</style>
<script type="text/javascript">
function addSpoiler_mp3(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[mymp3]",from))==-1) return str;
if((pos2=str.indexOf("[/mymp3]"),pos+8)==-1) return str;
newpos=str.indexOf("[mymp3]",pos+8)
if(newpos<pos2 && newpos!=-1) str=addSpoiler_mp3(str,pos+8,true)
if((pos2=str.indexOf("[/mymp3]",pos+8))==-1) return str;
txt = str.substring(pos+7,pos2);
if((sepPos=txt.indexOf("|",0))==-1) return str;
str=str.substring(0,pos)+makeSpoiler_mp3(txt.substring(0,sepPos),txt.substring(sepPos+1,txt.length))+str.substring(pos2+8,str.length)
if( str.indexOf("[mymp3]")!=-1 && internal==false) str=addSpoiler_mp3(str,0,false)
return str
}
function makeSpoiler_mp3(txt1,txt2){
txt='<br /><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" src="http://www.enricolai.com/FMP3/FMP3.swf" quality="high" allowscriptaccess="sameDomain" flashvars="vol=80&action=stop&title='+txt2+'&color=000000&textcolor=ffffff&loop=no&lma=no;height=60&width=260&mp3='+txt1+'" height="60" width="260">';
return txt;
}
var popup;
function popmp3()
{
popup = window.open("http://klopp.net.ru/files/","popDialog","height=380,width=440")
if (!document.all) {popup.moveTo(100,100);}
return false
}
function tag_urlm()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на mp3 файл", "http://");
var enterTITLE = prompt("Введите автора и название песни", "Песня");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[mymp3]" + enterURL + "|" + enterTITLE + "[/mymp3]");}
if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler_mp3(post.innerHTML,0,false)}}
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(17).innerHTML="<img src='/i/blank.gif' title='Загрузить mp3' id='button-mp3' onclick=\"popmp3(); tag_urlm()\">"
</script>
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>
норм скрипт вставки изображений. хтмл низ
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>
Запятая после ника. хтмл низ
<script type="text/javascript">
function to(username)
{insert('' + username + '' + ', ');}
</script>
менять названия меню навигации
<script type="text/javascript">
var itemMass = new Array("Форум", "Участники", "Правила", "Поиск", "Мой профиль", "Личка", "Админка", "Регистрация", "Зайти", "Выйти");
var itemIdMass = new Array("navindex", "navuserlist", "navrules", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
str.innerHTML=itemMass[i];
}
}
</script>
замена шрифта на всём форуме
<style>
body a {font-family : "название шрифта";}
</style>
или
<style>
.punbb {
font-family: название шрифта;}
</style>
страница переадресации
/* A5.3 */
#pun-redirect, #pun-maint {
margin: 0% 30%; //отступы от краёв экрана
width: 40%; //ширина блока
float: none;
text-align: center; //выравнивание текста
font-size: 10px!important; //размер текста
background: white url(http://uploads.ru/i/g/R/7/gR73z.gif) no-repeat; //фоновый цвет + картинка лоадера
background-position: center 27%; //положение картинки
border: 5px double gray; //границы
border-radius: 0 0 30px 30px; //степень закругленности
}
#pun-redirect .main-title { //слово "Переадресация"
font-size: 0.6em; //размер
font-family: Arial; //шрифт
font-weight: bold; //жирность
color: black; //цвет
text-transform: uppercase; //все буквы заглавные
text-shadow: 0px 0px 5px silver; //тень текста
padding: 10px!important;
margin-bottom:0px!important;}
счётчик символов
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
открываешь блокнот, туда сначала копируешь все из ссылки первой неизменно, сохранив в формате .css
еще один блокнотик открываешь.. в этот раз в него копируешь все из второй ссылки, но здесь уж нужно выставить картинки.
поиском найди там выделенные, две ссылки и ширину мелкой иконки, дважды вставь ссылки на картинку-иконки, картинку панельки и ширину иконки проставь. сохраняешь в формете .js
и на форум файлом эти блокнотики загружаешь, суешь вместо моих ссылок. по идее должно работать..
//========================================================================//
//Тут ставим в форму ответа Блок-меню и кнопку, в зависимости от Dopuska
var L1="<div id=My clacc=My><img title=\"Смена имиджа\" id=imgNIK-SIG width=30 src=\"http://funkyimg.com/i/24cxs.png\" onclick=\"$('#stTs').toggle()\" alt=\"Аватар\" style=\"vertical-align:middle\"/><div id=\"stTs\" class=\"container\"><img id=\"sdfs\" src=\"http://funkyimg.com/i/24cwT.png\" style=\"position:absolute;margin:-9px;\"/><img alt=\"NIC\" class=\"iblank NIC\" src=\"/i/blank.gif\" title=\"Cменить ник\"/><img alt=\"STA\" class=\"iblank STA\" src=\"/i/blank.gif\" title=\"Cменить статус\"/><img alt=\"AVA\" class=\"iblank AVA\" src=\"/i/blank.gif\" title=\"Cменить авaтар\"/><img class=\"iblank Galleri\" src=\"/i/blank.gif\" onmouseover=\"THISsrc=this.src;this.src=\"/i/blank.gif\" onmouseout=\"this.src=THISsrc;\" title=\"Выбрать из галереи\" onclick=\"$('#avtrChang-area').toggle('545')\"/><img alt=\"SGN\" class=\"iblank SGN\" src=\"/i/blank.gif\" title=\"Cменить подпись\"/><img alt=\"mem\" class=\"iblank mem\" src=\"/i/blank.gif\" title=\"Вставить запомненное из 'предыдущей сессии'\"/></div></div>";
var L2="<div id=My clacc=My><img title=\"Смена имиджа\" id=imgNIK-SIG width=30 src=\"http://funkyimg.com/i/24cxs.png\" onclick=\"$('#stTs').toggle()\" alt=\"Аватар\" style=\"vertical-align:middle\"/><div id=\"stTs\" class=\"container\"><img id=\"sdfs\" src=\"http://funkyimg.com/i/24cwT.png\" style=\"position:absolute;margin:-9px;\"/><img alt=\"NIC\" class=\"iblank NIC\"
хтмл верх
<!--Смена имиджа в текущем посте-->
<link id="iNFpanel" rel="stylesheet" href="https://forumstatic.ru/files/0016/e7/ab/66383.css" type="text/css"/>
<script src="https://forumstatic.ru/files/0016/e7/ab/74750.js"></script>
хтмл низ
ВЫДЕЛИ МЕНЯ ПОЛНОСТЬЮ
<!--Смена имиджа в текущем посте-->
<style>.punbb .pa-avatar img [alt] {max-width:180px;height:180;}</style>
<script type="text/javascript">
OnSmenaImage("тестовик", new Array("Reaper"))
var AvtrArr=new Array(
"", //Ссылки на картинки аватар
"",
"",
"",
"",
""
//End myarray_!!Последняя ссылка без запятой!!!
)
StartNIZ(); //
</script>
/*-------------------------------первое сообщение тем----------------------------------*/
#topic01 { width: 600px; height: auto; padding-top: 20px; padding-bottom: 30px; display: block; background: url(https://i.imgur.com/zAVdXWn.png) top no-repeat, url(https://i.imgur.com/QUCSNma.png) bottom no-repeat, url(https://i.imgur.com/LmrA4rr.png) repeat-y;}
#topicname01 {letter-spacing: 0.5px; font-weight: bold; color: #f7f7f7; font-family: bebas neue; font-size: 28px; text-align: center; padding: -5px !important; text-shadow: 1px 1px 0px #b8692a; margin-top: 9px !important;}
#topictext {width: 536px; padding-top: 11px; padding-bottom: 67px; text-align: justify; font-size: 12px; font-family: roboto; color: #333;}
.topic01 { width: 600px; height: auto; padding-top: 20px; padding-bottom: 30px; display: block; background: url(https://i.imgur.com/zAVdXWn.png) top no-repeat, url(https://i.imgur.com/QUCSNma.png) bottom no-repeat, url(https://i.imgur.com/LmrA4rr.png) repeat-y;}
.topicname01 {letter-spacing: 0.5px; font-weight: bold; color: #f7f7f7; font-family: bebas neue; font-size: 28px; text-align: center; padding: -5px !important; text-shadow: 1px 1px 0px #b8692a; margin-top: 9px !important;}
.topictext {font-family: 'Tahoma', font-size: 12px; color: #2d2d2d; letter-spacing: 0.5px; }
.topiczone01 { width: 530px; font-family: verdana; line-height: 160%; letter-spacing: 0px; text-align: justify; /* margin-left: 0px; */ margin-bottom: 30px !important; padding-bottom: 20px;}
#topicim {color: #be7b31; font-family: roboto; font-size: 11px; overflow: auto; text-transform: lowercase; background-color: rgb(236, 236, 236); padding: 10px; width: 500px; margin-left: 5px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.08); border: 1px solid #ebebeb; margin-top: 10px;}
В HTML низ
<!--Переключение раскладки выделенного текста v.2 -->
<style>#button-transL{background-image:url(http://uploads.ru/i/X/j/Z/XjZW7.png)}</style>
<script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat ↔ Рус" onclick="LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');
function LatRus(){
lat0='|@#$^&/?qwertyuiopasdfghjkl;\'zxcvbnm,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[','\\]','\\.','\\?','\\/','\\&','\\^','\\$','\\#','\\@','\\|');
rus0=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю,.?:;№"/').split('');
rus=('\,йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
rus.unshift ('\\/','\\"','\\№','\\;','\\:','\\?','\\.');
var selstart = document.getElementById("main-reply").selectionStart;
var selend = document.getElementById("main-reply").selectionEnd;
L=$('#main-reply').val();
if (typeof selstart === "number" && typeof selend === "number"){
var TxtTrans1 = (L.substring(selstart,selend).search(/[qwertyuiopasdfghjklzxcvbnm]/i)!=-1?'rus':'lat');
var ar2=lat0,ar1=rus; if(TxtTrans1=='rus'){ar1=lat;ar2=rus0;
selstart+=L.substring(selstart,selend).search(/[.,]*?[qwertyuiopasdfghjklzxcvbnm]/i); latend=L.substring(selstart,selend).search(/[йцукенгшщзфывапролджэячсмитьёхъю]/i);
if (latend != -1) {selend = selstart+latend;}}
L=L.substring(0,selstart) + L.substring(selstart,selend).replace(/[\s\S]*/mg,function(p){
for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}) + L.substring(selend);}$('#main-reply').val(L);}</script>
Вы здесь » California High » die young » для дизайна
