Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «ccc»
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 90 (29 декабря — 4 января 2014) 2014-01-04 23:45:42
Предлагаем вашему вниманию первую в этом году подборку с ссылками на полезные ресурсы, ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию первую в этом году подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Читать дальше →
Тэги: 2013, 2014, css, css3, group, html, html5, jquery, zfort, блог, браузеры, веб-дизайн, веб-разработка, года, дайджест, интересное, итоги, компании, новости, ресурсы, сми, ссылки, тренды
Изменяем вид цитат 2014-01-01 23:48:41
Сегодня изменим вид цитат 1.Вот исходники [isnt-logged] Вы не можете ...
+ развернуть текст сохранённая копия
Сегодня изменим вид цитат 1.Вот исходники [isnt-logged] Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам citata.zip (10.32 Kb)[/is-logged] ,для тех кому не понятно будет. 2.Идем в директорию \engine\includes\classes и открываем файл parse.class.php и заменяем строки
Код: $content = preg_replace("#\[quote\]\s*(.*?)\s*\[/quote\]#is", "<blockquote><b>".$lang['bb_quote']."</b><br />$1</blockquote>",$content); $content = preg_replace("#\[quote=(.*?)\]\s*(.*?)\s*\[/quote\]#is","<blockquote><b>$1 ".$lang['bb_wrote']."</b><br />$2</blockquote>",$content); на эти
Код: $content = preg_replace("#\[quote\]\s*(.*?)\s*\[/quote\]#is", '<div class="bbQuoteBlock"><div class="bbQuoteName" ><b>Цитата</b> </div><div class="quoteMessage"><blockquote><b>'.$lang['bb_quote'].'</b><br />$1</blockquote></div></div>',$content); $content = preg_replace("#\[quote=(.*?)\]\s*(.*?)\s*\[/quote\]#is",'<div class="bbQuoteBlock"><div class="bbQuoteName" ><b>Цитата</b> </div><div class="quoteMessage"><blockquote><b>$1 '.$lang['bb_wrote'].'</b><br />$2</blockquote></div></div>',$content); все это сохраняем и закрываем. 3.Далее идем в стили и добавляем стиль нужного вам цвета- Голубой
Код: .bbQuoteName { background:#6cadcd; color:#fff; line-height:28px; padding-left:15px; text-transform:uppercase; } .quoteMessage { border:1px solid #e5e1d9 !important; border-top:0 none !important; padding:15px 15px 15px 15px; background:#f2eee6 url(Ваш путь до картинки/blue_arrow.png) no-repeat 90% top; font-style:italic; } - Зеленый
Код: .bbQuoteName { background:#AABC38; color:#fff; line-height:28px; padding-left:15px; text-transform:uppercase; } .quoteMessage { border:1px solid #e5e1d9 !important; border-top:0 none !important; padding:15px 15px 15px 15px; background:#f2eee6 url(Ваш путь до картинки/green_arrow.png) no-repeat 90% top; font-style:italic; } - Серый
Код: .bbQuoteName { background:#c7c8c8; color:#fff; line-height:28px; padding-left:15px; text-transform:uppercase; } .quoteMessage { border:1px solid #e5e1d9 !important; border-top:0 none !important; padding:15px 15px 15px 15px; background:#f2eee6 url(Ваш путь до картинки/gray_arrow.png) no-repeat 90% top; font-style:italic; } - Розовый
Код: .bbQuoteName { background:#ff6cb2; color:#fff; line-height:28px; padding-left:15px; text-transform:uppercase; } .quoteMessage { border:1px solid #e5e1d9 !important; border-top:0 none !important; padding:15px 15px 15px 15px; background:#f2eee6 url(Ваш путь до картинки/pink_arrow.png) no-repeat 90% top; font-style:italic; } Ну с цветами можно и поиграть,а также изменить цвет картинки под дизайн вашего сайта
Тэги: css,, интерфейс
Анимированная гирлянда для сайта 2013-12-31 15:39:39
Не буду предлагать вам GIF , т.к. это потеря четкости и сглаженности. просто решил использовать одну ...
+ развернуть текст сохранённая копия
Не буду предлагать вам GIF , т.к. это потеря четкости и сглаженности. просто решил использовать одну картинку гирлянды в формате PNG, но на странице она будет показываться частями. С помощью скрипта мы заставим менять эти части через определенный интервал. Выглядит все это как простая анимация. Сам код и стили Код: <style type="text/css"> #garland {position:absolute;top:0;left:0;background-image:url('ваш сайт/christmas-lights.png');height:36px;width:100%;overflow:hidden;z-index:99} #nums_1 {padding:100px} .garland_1 {background-position: 0 0} .garland_2 {background-position: 0 -36px} .garland_3 {background-position: 0 -72px} .garland_4 {background-position: 0 -108px} </style>
<div id="garland" class="garland_4"><div id="nums_1">1</div></div><div style="position:absolute;top:-1000px"></div>
<script type="text/javascript"> function garland() { nums = document.getElementById('nums_1').innerHTML if(nums == 1) {document.getElementById('garland').className='garland_1';document.getElementById('nums_1').innerHTML='2'} if(nums == 2) {document.getElementById('garland').className='garland_2';document.getElementById('nums_1').innerHTML='3'} if(nums == 3) {document.getElementById('garland').className='garland_3';document.getElementById('nums_1').innerHTML='4'} if(nums == 4) {document.getElementById('garland').className='garland_4';document.getElementById('nums_1').innerHTML='1'} }
setInterval(function(){garland()}, 600) </script> Вот сама картинка или так [isnt-logged] Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам christmas-lights.zip (17.86 Kb)[/is-logged]
Тэги: css,, интерфейс,
Падающий снег на сайт на css и js 2013-12-29 15:24:47
Красивый падающий снег на ваш сайт,настройки простые . 1.Скачиваем архив [isnt-logged]< ...
+ развернуть текст сохранённая копия
Красивый падающий снег на ваш сайт,настройки простые . 1.Скачиваем архив [isnt-logged] Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам jsnewyearhs.zip (134.27 Kb)[/is-logged] ,распаковываем и заливаем в папку с шаблоном 2.В хеад добавляем этот скрипт
Код: <style type="text/css"> @font-face { font-family: WWFlakes; src: local("WWFlakes"), url(http://ВАШСАЙТ/WWFlakes.ttf); /* Качаем данный шрифт и помещаем к вам указав сюда путь к файлу =) */ } </style> <script type="text/javascript"> // Количество снежинок на странице (Ставьте в границах 30-40, больше не рекомендую) var snowmax=55;
// Установите цвет снега, добавьте столько цветов сколько пожелаете var snowcolor=new Array("#0BBAFF","rgb(185, 196, 218)","#CCCCDD","#F3F3F3","#F0FFFF","rgb(185, 196, 218)","#EFF5FF")
// Символ из какого будут сделаны снежинки (по умолчанию * ) var snowletter=new Array("~");
// Скорость падения снега (рекомендую в границах от 0.3 до 2) var sinkspeed=0.6;
// Максимальный размер снежинки var snowmaxsize=52;
// Установите минимальный размер снежинки var snowminsize=8;
// Устанавливаем положение снега // Впишите 1 чтобы снег был по всему сайту, 2 только слева // 3 только по центру, 4 снег справа var snowingzone=1;
/* // *НИЖЕ* */
// НИЧЕГО НЕ ИЗМЕНЯТЬ
var snow=new Array(); var marginbottom; var marginright; var timer; var i_snow=0; var x_mv=new Array(); var crds=new Array(); var lftrght=new Array(); var browserinfos=navigator.userAgent; var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/); var ns6=document.getElementById&&!document.all; var opera=browserinfos.match(/Opera/); var browserok=ie5||ns6||opera; function randommaker(range) { rand=Math.floor(range*Math.random()); return rand; } function initsnow() { if (ie5 || opera) { marginbottom=document.body.clientHeight; marginright=document.body.clientWidth; } else if (ns6) { marginbottom=window.innerHeight; marginright=window.innerWidth; } var snowsizerange=snowmaxsize-snowminsize; for (i=0;i<=snowmax;i++) { crds[i]=0; lftrght[i]=Math.random()*15; x_mv[i]=0.03+Math.random()/10; snow[i]=document.getElementById("s"+i); snow[i].size=randommaker(snowsizerange)+snowminsize; snow[i].style.fontSize=snow[i].size+"px"; snow[i].style.color=snowcolor[randommaker(snowcolor.length)]; snow[i].sink=sinkspeed*snow[i].size/5; if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size); snow[i].style.left=snow[i].posx+"px"; snow[i].style.top=snow[i].posy+"px"; } movesnow(); } function movesnow() { for(i=0;i<=snowmax;i++) { crds[i]+=x_mv[i]; snow[i].posy+=snow[i].sink; snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px"; snow[i].style.top=snow[i].posy+"px"; if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])) { if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=0; } } var timer=setTimeout("movesnow()",50); } for (i=0;i<=snowmax;i++) { document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"px;font-family: WWFlakes;'>"+snowletter+"</span>"); } if (browserok) { window.onload=initsnow; } </script>
Тэги: css,, интерфейс,
Rıfat Karlova, Oylum Talu'nun programında! 2013-12-29 02:40:03
Oylum Talu'nun programına katılan Rıfat...
+ развернуть текст сохранённая копия
Oylum Talu'nun programına katılan Rıfat...
Тэги: cok, izlenen, komik, videolar
Главная / Главные темы / Тэг «ccc»
|
Взлеты Топ 5
Падения Топ 5
|