Показать сообщение отдельно

  #9  
Старый 15.02.2009, 19:20
Vandam
Banned
Регистрация: 03.08.2008
Сообщений: 28
С нами: 9353186

Репутация: 124
Exclamation

Рамка вокрук картинки!

Многие задумываются как все-же на многих сайтах все картинки в одной,какой-то рамке,вот теперь у вас появилась возможность это узнать!

1. Закидываем картинку в файловый менеджер в папку images если в какую другую закинишь не забудь указать путь к картинке тоесть ссылку на картинку в коде CSS

2. Cтавищь это в CSS:
Код:
.eKartaka {height:234px; width:282px; background:url('/images/adsense.GIF') center no-repeat; padding:12px 0px 20px 36px;}
Код:
<td class="eKartaka" width="236">         
код картинки         
</td>
идем в вид новостей и ставим этот код
Код:
<table width="100%"> <tr> <td class="eKartaka" width="236">         
<img src="$OTHER1$" style="margin: 0px 0px 0px 32px;" border="0" height="250" width="180" >         
</td>         
<td colspan="2">         
$MESSAGE$         
</td> </tr> </table>
Также ты можешь сделать свою рамку!

Делаем псевдо-подфорум


На самом деле алгоритм работы очень прост. Мы создаём новый форум, скрываем его с главной форума скриптом, и просто вставляем ссылку на него в описание нужного форума.
В общем, вот код, ставим после $BODY$ в общем виде страниц форума:

Код:
<script type="text/javascript">    
link=document.getElementsByTagName('a');    
hideForums=new Array('Реферальная система','Ваши сайты','Наш форум','Сайт'); // прописываем названия форумов которые скрываем    
for(k=0;k<hideForums.length;k++){    
for(i=0;i<link.length;i++){    
if(link[i].className=='forum' && link[i].innerHTML==hideForums[k]){    
link[i].parentNode.parentNode.style.display='none';  
}}}    
</script>
Названия форумов прописываем в одинарных кавычках, черех запятую.
Потом в описание нужных форумов просто ставим ссылку на нужный скрытый форум(это, я надеюсь, вы можете сделать сами).


Огонь за курсором

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

Бегущая строка, которую можно остановить. By "mam0n"

Код:
<HTML>    
<HEAD>    
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">    
<SCRIPT>    
<!--    
var verzoegerung = 150;    
var laenge = 70;    
var pos = 0;    
var abbruch;    

function laufe()    
{    
var text = ' www.soft.ucoz.lv , здесь вы найдёте уроки Photoshop'a,готовые скрипты для вашего сайта,полезный софт и много чего другого токо у НАС!*** '    
var ausgabe='<PRE style="background:#BCB9D9;">' +    
(text + text).substring(pos, pos + laenge) + '</PRE>';    
if (navigator.appName == 'Netscape') with (document.laufband.document)    
{    
open(); write(ausgabe); close();    
}    
else    
laufband.innerHTML = ausgabe;    
pos ++;    
if (pos > text.length)    
pos = 0;    
abbruch = setTimeout('laufe()', verzoegerung);    
pause = 0;    
}    

function startstop()    
{    
if (pause == 0)    
{    
clearTimeout(abbruch);    
pause = 1;    
}    
else    
{    
laufe();    
pause = 0;    
}    
}    
//-->    
</SCRIPT>    
</HEAD>    
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000" onLoad='laufe()'>    
<DIV id="laufband" style=position:absolute;left:130;top:240;width:200>    
</DIV>    
<DIV style=position:absolute;left:10;top:240><FORM><INPUT type=button value="Start/Stop" onClick='startstop()'></FORM></DIV>    
</BODY>    
</HTML>
Огонь за курсором

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">      
<html xmlns="http://www.w3.org/1999/xhtml">      
<head>      
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />      
<title>Огонь за курсором</title>      

<style type="text/css"><!--      
.s1,.s2,.s3,.s4 {position: absolute; visibility: hidden;}      
.s1 {font-size: 10pt; color: blue;}      
.s2 {font-size: 18pt; color: red;}      
.s3 {font-size: 14pt; color: gold;}      
.s4 {font-size: 12pt; color: lime;}      
-->      
</style>      

</head>      

<body>      
<p><a href="http://aeweb.ru/">Портал для вебмастеров</a></p>      

<center>      
<div id="div1" class="s1">**</div><div id="div2" class="s2">*</div>      
<div id="div3" class="s3">**</div><div id="div4" class="s4">**</div>      

<script language="javascript" type="text/javascript"><!--      
var nav = (document.layers);      
var tmr = null;      
var spd = 50;      
var x = 0;      
var x_offset = 5;      
var y = 0;      
var y_offset = 15;      

if (nav) document.captureEvents(Event.MOUSEMOVE);      

document.onmousemove = get_mouse;      

function get_mouse(e) {      
x = (nav) ? e.pageX : event.clientX + document.body.scrollLeft; y = (nav) ? e.pageY : event.clientY + document.body.scrollTop; x += x_offset; y += y_offset;      
beam(1);      
}      

function beam(n) {      
if(n < 5) {      
if(nav) {      
eval("document.div" + n+".top=" + y);eval("document.div" + n + ".left=" + x);      
eval("document.div" + n + ".visibility='visible'");      
}      
else {      
eval("div" + n + ".style.top=" + y);      
eval("div" + n + ".style.left=" + x);      
eval("div" + n + ".style.visibility='visible'");      
}      

n++;      
tmr = setTimeout("beam(" + n + ")", spd);      
}      
else {      
clearTimeout(tmr);      
fade(4);      
}      
}      

function fade(n) {      
if(n > 0) {      
if(nav) eval("document.div" + n + ".visibility='hidden'");      
else eval("div" + n + ".style.visibility='hidden'");      
n--;      
tmr = setTimeout("fade(" + n + ")", spd);      
}      
else clearTimeout(tmr);      
}      
//--></script>      
</center>      

</body>      
</html>
Статистика пользователей



Создаёте информер "Счётчики для пользователей", отмечаете все галочки.
Далее в "Шаблон информера".

Код:
<DIV align="center"><STRONG>Зарег. на сайте</STRONG></DIV><DIV align="center"><STRONG><TABLE style="border-collapse:collapse;width:100%;"><TBODY><TR><TD style="border:#000000 1px solid">Всего:<BR></TD><TD style="border:#000000 1px solid"><BR></TD></TR><TR><TD style="border:#000000 1px solid">Новых за месяц:<BR></TD><TD style="border:#000000 1px solid"><BR></TD></TR><TR><TD style="border:#000000 1px solid">Новых за неделю:<BR></TD><TD style="border:#000000 1px solid"><BR></TD></TR><TR><TD style="border:#000000 1px solid">Новых вчера:<BR></TD><TD style="border:#000000 1px solid"><BR></TD></TR><TR><TD style="border:#000000 1px solid">Новых сегодня:<BR></TD><TD style="border:#000000 1px solid"><BR></TD></TR></TBODY></TABLE></STRONG> </DIV><DIV align="center"><STRONG>Из них</STRONG></DIV><DIV align="center"><FONT color="#ff0000"><TABLE style="border-collapse:collapse;width:100%;"><TBODY><TR><TD style="border:#000000 1px solid"><FONT color="#ff0000">Администраторов:</FONT><BR></TD><TD style="border:#000000 1px solid"><FONT color="#ff0000"><STRONG></STRONG></FONT><BR></TD>< /TR><TR><TD style="border:#000000 1px solid"><FONT color="#0000cd">Модераторов:</FONT><BR></TD><TD style="border:#000000 1px solid"><FONT color="#0000cd"><STRONG></STRONG></FONT><BR></TD>< /TR><TR><TD style="border:#000000 1px solid"><FONT color="#006400">Проверенных:</FONT><BR></TD><TD style="border:#000000 1px solid"><FONT color="#006400"><STRONG></STRONG></FONT><BR></TD>< /TR><TR><TD style="border:#000000 1px solid">Пользователей:<BR></TD><TD style="border:#000000 1px solid"><STRONG></STRONG><BR></TD></TR></TBODY> </TABLE></FONT></DIV><DIV align="center"><STRONG>Из них</STRONG></DIV><DIV align="center"><TABLE style="border-collapse:collapse;width:100%;"><TBODY><TR><TD style="border:#000000 1px solid">Парней:<BR></TD><TD style="border:#000000 1px solid"><STRONG></STRONG><BR></TD></TR><TR>< TD style="border:#000000 1px solid">Девушек:<BR></TD><TD style="border:#000000 1px solid"><STRONG></STRONG></TD></TR></TBODY></TABLE> </DIV>
Вид новостей (НОВЫЙ!)

Заходиш в управление дизайном, далее "Вид материало" нужного тебе модуля
вписуеш туда вот это:

Код:
<div style="width:190px;padding:5px;text-align:center;float:left;">  
<div style="float:right;">$MODER_PANEL$</div>  
<a href="$ENTRY_URL$">$TITLE$</a><br>  
Дата: $DATE$  
<a href="$ENTRY_URL$"><img src="$OTHER5$" border=0></a><br>  
Жанр: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a><br>  
Просмотров: $READS$<br>  
<a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><br>  
<br>  
Добавил: <a href="$PROFILE_URL$">$USERNAME$</a><br>  
</div><span class="uBlock"></span>
Следующий код вставляеш после кода $BODY$ в шаблонах "главная страница (название модуля
в моем случае ето было каталог сайтов" и в "Страница со списком материалов категории":

Код:
<script type="text/javascript">  
var hr = document.createElement('hr');  
var movie = document.getElementsByTagName('span');  
var ch = 0;  
for (var i=0;i<movie.length;i++) {  
if (movie[i].className == 'uBlock') {  
ch ++;  
if (ch == 4) break;  
}  
}  
movie[i].style.clear = 'both';  
hr.style.width = '100%';  
hr.style.clear = 'both';  
movie[i].appendChild(hr);  
</script>
Скрипт расчитан на то что на странице будет по 8 новостей...

Кстате, советую тебе старый шаблон забекапить, так как ты можеш чтото не так с
делать...что б ты в случае чего мог вернуть все обратно


Установка шаблона для ucoz!

Шаблон сайта:

В скаченном архиве лежит папка images или img, эти папки нужно загрузить в корень вашего сайта со всем содержимим.
Легче всего это сделать с помощью Turbo FTP
Далее открываете текстовый документ с именем tpl (открыть можно любым текстовым редактором, блокнотом).
Копируете его содержимое и вставляете в конструктор шаблонов
>> Главная » Управление дизайном » Конструктор шаблонов

Жмете создать шаблон!

Далее берем текстовый документ с именем css, копируем его содержимое и заменяем им ваш стиль css, находится это тут:

Главная » Управление дизайном » Таблица стилей (CSS)


Вот и все, шаблон установлен!!!
Если вы в архиве находите текстовые файлы с названием вид материалов или вид коментариев,
то так же копируете содержимое и заменяете его соответственно.
Будут вопросы пишите..

Урок обновлен. Урок как установить шаблон сайта и форума. Скачать урок

P.S. помог,отблагодари!

Скоро будет пополнение!

Последний раз редактировалось Vandam; 16.02.2009 в 16:33..
 
Ответить с цитированием