Вторник, 22.07.2025, 10:06
Скрипты для Ucoz
Карта сайта
Главная | Записи участника (bandjuk) - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
Результаты поиска
bandjukДата: Вторник, 11.10.2011, 10:06 | Сообщение # 106 | Тема: Скрипт "Красивая персональная страница пользователя"
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Очень красивая персональная страница пользователя



Панель управления ---> Управление дизайном (шаблоны) ---> Пользователи ---> Персональная страница пользователя
удаляем всё и вставляем код:

Code

<html>
<head>    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
    <title>Персональная страница</title>    
    <link type="text/css" rel="StyleSheet" href="/_st/my.css" />    
    <style type="text/css" media="all">@import url(/profile/css/profile-css.css);</style>    
    </head>    

    <body>    
    <div class="containers">    
    <div class="puf"></div>    
    <div id="body-surround">    
    <div class="box-top">    
    <div class="box-top2"></div>    
    <div class="box-top3"></div>    
    </div>    
    <div class="box-bg">    
    <div class="box-bg2">    
    <div class="box-bg3">    
    <div id="main">    
    <div class="main-inner">    
    <div id="prof_icon">    
    <div id="prof_prof"><a href="$USERS_LIST_URL$" title="Пользователи"><span> Пр </span></a></div>    
    <div id="prof_mail"><a href="$_PM_SEND_URL$" title="Написать письмо"><span> ЛС </span></a></div>    
    <div id="prof_edit"><a href="$_CHANGE_DETAILS_URL$" title="Изменить данные"><span> Ред </span></a></div>    
    </div>    
    <div class="prof-title"><a>Персональные данные</a></div>    
    <div class="shadowbar"></div>    
    <div align="center">    
    <script type="text/javascript">if (window.name.length>2){window.resizeTo(750,550);}</script>    
    <div id="bordes">    
    <div id="avablock">    
    <div id="users"><a href="javascript://" rel="nofollow" onclick="prompt('Адрес профиля данного пользователя','$_PROFILE_URL$')"><b>$_USERNAME$</b></a></div>    
    <div id="ava">    
    <?if($_AVATAR$)?>    
    $_AVATAR$    
    <?else?>    
    <img src="/profile/images/noavatar.png" width="102" height="102" border="0" alt="" />    
    <?endif?>    
    </div>    
    <div id="userman">    
    <?if($_GROUP_ICON$)?>    
    $_GROUP_ICON$    
    <?endif?>    
    </div>    
    <?if($UNET_ID$)?>    
    <div id="unetprof"> <a href="$UNET_PROFILE_URL$" target="_blank"> <img src="/profile/icons/uid.png" border="0" alt="" /> </a> </div>    
    <?endif?>    
    <?if($MODER_PANEL$)?>    
    <div id="mod"> $MODER_PANEL$ </div>    
    <?endif?>    
    <?if($_STATUS$)?>    
    <div id="stat">$_STATUS$</div>    
    <?endif?>    
    <?if($_COUNTRY$)?>    
    <div id="flag"><img src="/profile/flag/$_COUNTRY_ID$.png" width="20" height="16" align="middle" title="$_COUNTRY$" alt="" /></div>    
    <?endif?>    
    </div>    
    <div id="infoblock">    
    <div id="infoleft">    
    <fieldset class="fieldset">    
    <legend> <strong>Имя</strong>    

    </legend>    
    <div class="dann">    
    <?if($_NAME$)?>    
    $_NAME$    
    <?else?>    
    <strong><em>Не указано</em></strong>    
    <?endif?>    
    </div>    
    </fieldset>    
    <fieldset class="fieldset">    
    <legend> <strong>Группа</strong>    

    </legend>    
    <div class="dann">$_GROUP_NAME$</div>    
    </fieldset>    
    <fieldset class="fieldset">    
    <legend> <strong>Возраст</strong>    

    </legend>    
    <div class="dann">    
    <?if($_AGE$)?>    
    $_AGE$    
    <?else?>    
    <strong><em>Скрыто пользователем</em></strong>    
    <?endif?>    
    </div>    
    </fieldset>    
    <fieldset class="fieldset">    
    <legend> <strong>Дата регистрации</strong>    

    </legend>    
    <div class="dann">$_REG_TIME$</div>    
    </fieldset>    
    <fieldset class="fieldset">    
    <legend> <strong>Электронная почта</strong>    

    </legend>    
    <div class="dann">    
    <?if($_IS_OWN_PROFILE$)?>    
    $_EMAIL$    
    <?if($_EMAIL_IS_HIDDEN$)?>    
    <span style="font-size:7pt">(Адрес скрыт)</span>    
    <?endif?>    
    <?else?>    
    <?if($MODER_PANEL$)?>    
    <a href="mailto:$_EMAIL$">$_EMAIL$</a>    
    <?if(!$_EMAIL_IS_VERIFIED$)?>    
    <span style="color:red;" title="Not verified e-mail">*</span>    
    <?endif?>    
    <?else?>    
    <?if($_SEND_EMAIL_URL$)?>    
    <a href="$_SEND_EMAIL_URL$">Написать письмо пользователю</a>    
    <?else?>    
    <i>Адрес скрыт</i>    
    <?endif?>    
    <?endif?>    
    <?endif?>    
    <?if($_EMAIL_VERIFICATION_URL$)?>    
    [ <b><a href="$_EMAIL_VERIFICATION_URL$"><span style="color:red">Подтвердить e-mail</span></a></b> ]    
    <?endif?>    
    </div>    
    </fieldset>    
    <fieldset class="fieldset">    
    <legend> <strong>Адрес домашней странички</strong>    

    </legend>    
    <div class="dann">    
    <?if($_WWW$)?>    
    <a href="$_WWW$" target="_blank">$_WWW$</a>    
    <?else?>    
    <strong><em>Не указан</em></strong>    
    <?endif?>    
    </div>    
    </fieldset>    
    </div>    
    <div id="inforight">    
    <fieldset class="fieldset">    
    <legend> <strong>ICQ</strong>    

    </legend>    
    <div class="dann">    
    <?if($_ICQ$)?>    
    $_ICQ$    
    <?else?>    
    <strong><em>Не указан</em></strong>    
    <?endif?>    
    </div>    
    </fieldset>    
    <fieldset class="fieldset">    
    <legend> <strong>Репутация</strong>    

    </legend>    
    <div class="dann">Баланс:    
    <?if($_REPUTATION$)?>    
    $_REPUTATION$    
    <?else?>    
    <strong><em>Пока нулевой</em></strong>    
    <?endif?>    
    </div>    
    </fieldset>    
    <fieldset class="fieldset">    
    <legend> <strong>Замечания</strong>    

    </legend>    
    <div class="dann">    
    <?if($_BAN_RATING$)?>    
    $_BAN_RATING$    
    <?else?>    
    <strong><em>Досье чистое</em></strong>    
    <?endif?>    
    </div>    
    </fieldset>    
    <fieldset class="fieldset">    
    <legend> <strong>Награды</strong>    

    </legend>    
    <div class="med">    
    <?if($_IS_ACTIVITY$)?>    
    <?if($_USER_ID$=1)?>    
    <img src="/profile/medals/Admin.gif" border="0" title="Создателю портала" alt="" />    
    <?endif?>    
    <script type="text/javascript">    
    //<![CDATA[    
    put='/profile/medals/'; // Путь до медалек    
    var n; medal='';    
    //Репутация (за каждые 10 плюсиков)    
    //zn=$_REPUTATION$; Nm=Math.floor(zn/10);    
    //for(i=0;i<Nm;i++) medal+=' <img border="" alt="" src="'+put+'medal11.gif" title="За положительную репутацию">';    
    //Статьи (за каждые 3 статьи)    
    //zn=$_PUBL_ENTRIES$; Nm=Math.floor(zn/3);    
    //for(i=0;i<Nm;i++) medal+=' <img border="" alt="" src="'+put+'medal4.gif" title="За статьи">';    
    //Каталог файлов (за каждые 10 файлов)    
    //zn=$_LOAD_ENTRIES$; Nm=Math.floor(zn/10);    
    //for(i=0;i<Nm;i++) medal+=' <img border="" alt="" src="'+put+'medal3.gif" title="За файлы">';    
    //Форум + комментарии    
    zn=$_FORUM_ENTRIES$+$_COM_ENTRIES$; Nm=Math.floor(zn/10);    
    rep='';    
    if(zn>50) rep='50' //имя медали за 50 +    
    if(zn>100) rep='100' //имя медали за 100 +    
    if(zn>250) rep='250' //имя медали за 250 +    
    if(zn>400) rep='400' //имя медали за 400 +    
    if(zn>500) rep='500' //имя медали за 500 +    
    if(rep) medal+=' <img border="" alt="" src="'+put+rep+'.gif" title="За общение на форуме и сайте" />';    

    //Вывод наград    
    document.write(medal);    
    //]]>    
    </script>    
    <?else?>    
    <strong><em>Без наград</em></strong>    
    <?endif?>    
    </div>    
    </fieldset>    
    </div>    
    </div>    
    </div>    
    </div>    
    <div class="clear"></div>    
    <div class="puf"></div>    
    <div class="shadowbar"></div>    
    <div align="center">    
    <div style="width:650px; padding-bottom: 6px;">    
    <?if($_IS_ACTIVITY$)?>    
    <div id="block25" class="udtb"> </div>    
    <div id="block22" class="udtb" style="text-align:center">    
    <?if($_COM_ENTRIES$)?>    
    | <a href="$_COM_ACTIVITY_URL$" target="_blank">комментарии(<b>$_COM_ENTRIES$</b>)</a>    
    <?endif?>    
    <?if($_FORUM_ENTRIES$)?>    
    | <a href="$_FORUM_ACTIVITY_URL$" target="_blank">форум(<b>$_FORUM_ENTRIES$</b>)</a>    
    <?endif?>    
    <?if($_BLOG_ENTRIES$)?>    
    | <a href="$_BLOG_ACTIVITY_URL$" target="_blank">блог(<b>$_BLOG_ENTRIES$</b>)</a>    
    <?endif?>    
    <?if($_NEWS_ENTRIES$)?>    
    | <a href="$_NEWS_ACTIVITY_URL$" target="_blank">новости(<b>$_NEWS_ENTRIES$</b>)</a>    
    <?endif?>    
    <?if($_PUBL_ENTRIES$)?>    
    | <a href="$_PUBL_ACTIVITY_URL$" target="_blank">статьи(<b>$_PUBL_ENTRIES$</b>)</a>    
    <?endif?>    
    <?if($_LOAD_ENTRIES$)?>    
    | <a href="$_LOAD_ACTIVITY_URL$" target="_blank">файлы(<b>$_LOAD_ENTRIES$</b>)</a>    
    <?endif?>    
    <?if($_DIR_ENTRIES$)?>    
    | <a href="$_DIR_ACTIVITY_URL$" target="_blank">сайты(<b>$_DIR_ENTRIES$</b>)</a>    
    <?endif?>    
    <?if($_BOARD_ENTRIES$)?>    
    | <a href="$_BOARD_ACTIVITY_URL$" target="_blank">объявления(<b>$_BOARD_ENTRIES$</b>)</a>    
    <?endif?>    
    <?if($_PHOTO_ENTRIES$)?>    
    | <a href="$_PHOTO_ACTIVITY_URL$" target="_blank">фото(<b>$_PHOTO_ENTRIES$</b>)</a>    
    <?endif?>    
    <?if($_STUFF_ENTRIES$)?>    
    | <a href="$_STUFF_ACTIVITY_URL$" target="_blank">игры(<b>$_STUFF_ENTRIES$</b>)</a>    
    <?endif?>    
    |</div>    
    <?endif?>    
    <!--<?if($_SIGNATURE$)?>    
    <fieldset class="fieldset">    
    <legend> <strong>Подпись</strong>    

    </legend>    
    <div style="padding: 0 0 6px 0;">$_SIGNATURE$    
    </div>    
    </fieldset>    
    <?endif?>-->    
    </div>    
    </div>    
    </div>    
    <div class="shadowbar"></div>    
    </div>    
    </div>    
    </div>    
    </div>    
    <div class="box-bottom">    
    <div class="box-bottom2"></div>    
    <div class="box-bottom3"></div>    
    </div>    
    </div>    
    <div class="puf"></div>    
    </div>    
    <script type="text/javascript">$("#ava>img").addClass("image-ava");</script>    
    </body>    
    </html>


Скачиваем Архив и заливаем его на свой сайт.

При желании изображения в архиве можно изменить!



Материалы на эту же тему:

Как изменить цвет групп пользователей (цвет ника)
Скрипт "Ссылки плавно меняют цвет при наведении"
Скрипт "Цвет ника на форуме в зависимости от группы"
Скрипт "Блок RSS ленты"
Скрипт "Светлый мини профиль"
Скрипт "Cтатистика пользователей"
Скрипт "Коды для вставки..." для фотоальбома
Скрипт "Иконка rss в адресной строке"
Скрипт "Подписка на новости сайта"
Скрипт "Фон для иконок форума"
Скрипт "Панель добавление в Социальные закладки"
Красивая страница 404
 
bandjukДата: Вторник, 11.10.2011, 11:52 | Сообщение # 107 | Тема: Скрипт "Зверёк на сайт"
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Ещё один котёнок к Вам на сайт.



Code
<embed fullscreen="yes" src="http://ssilki.at.ua/game/kitty2.swf" width="175" height="200">
 
bandjukДата: Четверг, 13.10.2011, 10:24 | Сообщение # 108 | Тема: Скрипт "Красивый вид изменения репутации пользователей"
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Описание скрипта:

1. Данный скрипт изменяет репутацию пользователя в новом красивом окне.
2. При нажатии на изменение репутации автоматически показывает иконки "повысить" и "понизить", что очень удобно.
3. В скрипт встроены правила повышения репутации и наказание за их нарушение.
4. Отображение аватара пользователя, которому изменяют репутацию.

Кнопка имеет такой вид:



Окно изменения репутации:



Открываем:

Панель управления ---> Управление дизайном (шаблоны) ---> Пользователи ---> Персональная страница пользователя:
находим код:

Code

<?if($AWARDS_READ_URL$ || $_REP_READ_URL$)?>
<div id="block25" class="udtb"><div class="udtlb">Поощрения:</div> <?if($AWARDS_READ_URL$)?><a href="$AWARDS_READ_URL$" title="Список наград">Награды (<b>$AWARDS$</b>)</a> <?if($AWARDS_DO_URL$)?>[<a href="$AWARDS_DO_URL$">+</a>]<?endif?><?endif?><?if($_REP_READ_URL$)?><?if($AWARDS_READ_URL$)?>   <?endif?><a title="Смотреть историю репутации" class="repHistory" href="$_REP_READ_URL$">Репутация (<b>$_REPUTATION$</b>)</a><?if($_REP_DO_URL$)?> [<a href="$_REP_DO_URL$">±</a>]<?endif?><?endif?></div>
<?endif?>


Заменяем его на:

Code

<?if($_REP_READ_URL$)?>   
   <div id="block4" class="udtb"><div class="udtlb">Репутация:</div> <a title="Смотреть историю репутации" class="repHistory" href="$_REP_READ_URL$"><b>$_REPUTATION$</b></a><?if($_REP_DO_URL$)?> <span style="font-size:7pt">[<a href="javascript://" onclick="new_repa.open();" class="profile">Изменить репутацию</a>]</span><?endif?></div>   
   <script type="text/javascript">   
   var n_name = '$_USER_ID$';   
   var AvaUser = '<?if($_AVATAR$)?><img src="<?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src')+5), '>')-3)?>" border="0" title="$_USERNAME$" style="width:100px; height:120px;" /><?else?><img style="" src="http://ssilki.at.ua/image/noavatar.png" border="0" align="absmiddle" style="width:100px; height:120px;" title="Нет аватара"><?endif?>';   
   </script>   
   <script type="text/javascript" src="http://ssilki.at.ua/Java/repa.js"></script>   
   <input type="hidden" id="val_"><input type="hidden" id="s_val">   
   <style>   
   #u_con{background:#666;padding:6px;border:1px solid #777;}   
   </style>   
   <?endif?>


Материалы на эту же тему:

Скрипт "Красивая персональная страница пользователя"
Как изменить цвет групп пользователей (цвет ника)
Скрипт "Ссылки плавно меняют цвет при наведении"
Скрипт "Цвет ника на форуме в зависимости от группы"
Скрипт "Блок RSS ленты"
Скрипт "Светлый мини профиль"
Скрипт "Cтатистика пользователей"
Скрипт "Коды для вставки..." для фотоальбома
Скрипт "Иконка rss в адресной строке"
Скрипт "Фон для иконок форума"
Скрипт "Панель добавление в Социальные закладки"
Красивая страница 404
 
bandjukДата: Четверг, 13.10.2011, 11:42 | Сообщение # 109 | Тема: Скрипт "Красивый вид фотографий"
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Особенности:

1) Красивая объёмная рамка вокруг каждой фоторафии (можно залить рамку: желтого, синего, зелёного цвета);
2) Кнопка Спасибо с изменением рейтинга пользователя, добавившего фотографию;
4) Добавлен хинт для правильного отображения инфы для фото;
5) При наведении на фото появляется вся нужная информация (чеь красивый прозрачный титл тёмного цвета);



Установка:

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

Code

<link type="text/css" rel="StyleSheet" href="http://ssilki.at.ua/Java/black.css" />      
      <script type="text/javascript" src="http://ssilki.at.ua/Java/black.js"></script>

      <center>      
      <?if($CAT_NAME$)?><div style="padding-top:0px;"><b>Категория:</b><br><a title="Нажмите для перехода в категорию" href="$CAT_URL$">$CAT_NAME$</a></div><?endif?>      
           
      <table border="0" cellpadding="0" cellspacing="0">      
      <tbody>      
      <tr>      
      <td width="10" background="http://fotki.ucoz.ua/images/ramka/1.png" height="10" border="0">      
      </td>      
      <td background="http://fotki.ucoz.ua/images/ramka/6.png" height="10" border="0">      
      </td>      
      <td width="10" background="http://fotki.ucoz.ua/images/ramka/3.png" height="10" border="0">      
      </td>      
      </tr>      
      <tr>      
      <td width="10" background="http://fotki.ucoz.ua/images/ramka/7.png" border="0">      
      </td>      
      <td>      
           
<a href="$PHOTO_URL$">
<a href="$PHOTO_LIGHTBOX_URL$" title="<b>Просмотры:</b> $REVIEWS$, <b>Название: </b>$PHOTO_NAME$, <b>Добавил:</b> $USER$<br> <b>Размеры:</b> $PHOTO_SIZE$, $PHOTO_WEIGHT$ Кб">$PHOTO$</a>
      <center>
         <script type="text/javascript">      
      function repchange(val,id){      
      repval=val;      
      ajaxtime=setInterval('checkajax'+id+'()',500);}      
      </script>      
      <script type="text/javascript">      
      function checkajax26668(){      
      forms=document.getElementsByTagName('form');      
      for(f=0;f<forms.length;f++){      
      if(forms[f].id=='frm981'){      
      if(repval=='plus'){document.getElementById('a2').checked='true';      
      forms[f].reason.value='Благодарю за $PHOTO_NAME$'      
      document.getElementById('submfrm981').click();      
      document.getElementById('sbt981').onclick=null;      
      clearInterval(ajaxtime);}}}}      
      </script>      
      <a title="Репутация пользователя автоматически повысится. Многократное нажатие Спасибо запрещено Правилами сайта и строго наказывается!" href="javascript://" onclick="openLayerB('Rd',0,'$HOME_PAGE_LINK$index/23-$UID$','Change Reputation',380,200,1); return false;"><img src="http://fotki.ucoz.ua/images/ramka/spasibo.png" onclick="repchange('plus','26668');" align="absmiddle" border="0"></a></center>      

      <td width="10" background="http://fotki.ucoz.ua/images/ramka/8.png" border="0"></td>      
          
      <tr>      
      <td width="10" background="http://fotki.ucoz.ua/images/ramka/2.png" height="10" border="0">      
      </td>      
      <td background="http://fotki.ucoz.ua/images/ramka/5.png" height="10" border="0">      
      </td>      

      <td width="10" background="http://fotki.ucoz.ua/images/ramka/4.png" height="10" border="0">      
      </td>      
      </tr>      
      </tbody></table>      
      </center>
      <div style="margin-top:2px;" class="eDetails">
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>
<?if($RATING$)?><div align="center"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
</div></div>


В этом коде рамка светло-синего цвета.

Скачать остальные цвета можно по ссылкам ниже:

Скачать рамку зелёного цвета

Скачать рамку желтого цвета

Материалы на эту же тему:

Скрипт "Усовершенствованный вид фотоальбома"
Скрипт "Красивый вид изменения репутации пользователей"
Скрипт "Красивая персональная страница пользователя"
Как изменить цвет групп пользователей (цвет ника)
Скрипт "Ссылки плавно меняют цвет при наведении"
Скрипт "Цвет ника на форуме в зависимости от группы"
Скрипт "Блок RSS ленты"
Скрипт "Светлый мини профиль"
Скрипт "Cтатистика пользователей"
Скрипт "Коды для вставки..." для фотоальбома
Скрипт "Фон для иконок форума"
Скрипт "Панель добавление в Социальные закладки"
Красивая страница 404
 
bandjukДата: Понедельник, 17.10.2011, 10:00 | Сообщение # 110 | Тема: Границы при помощи border
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Границы при помощи border.

Атрибут border задает границы элемента (рамочки, блока). Он может принимать следующие значения:

1. по ширине (border-width) - thin (тонкая), medium (средняя), thick (толстая);
2. по типу (border-style);

- none - запрет рисования границы;
- dotted - граница точками;
- dashed - граница штрихами;
- solid - сплошной линией;
- double - двойной линией;
- groove - трехмерная вдавленная;
- ridge - трехмерная выпуклая;
- сinset - трехмерная ступенька вверх;
- outset - трехмерная ступенька вниз.

3. border-color определяет цвет рамки. Может принимать значение transparent, что означает невидимую рамку;
4. border-top, border-bottom, border-left, border-right - задают расположение границы;

Формула, которой необходимо воспользоваться для того, чтобы задать границу:

Code
<# style="border-значения;border-width:значения:border-style:значения;border-color:значения"></#>


,где вместо слов "значения" подставляем параметры, задающие расположение, ширину, стиль и цвет рамки. они могут располагаться в произвольном порядке.
Вместо "#" подставляем атрибуты table, blockquote, span, fieldset, img, div или др.

Материалы на эту же тему:

Создание красивого раздвижного меню для сайта
Основные атрибуты и свойства фона - background
Оформление ссылок в таблице стилей (CSS)
Основные Мета тэги
Коды для вставки изображения в страницу
Создание рамки с помощью FIELDSET
 
bandjukДата: Понедельник, 17.10.2011, 10:48 | Сообщение # 111 | Тема: Создание рамки с помощью FIELDSET
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Создание рамки с помощью FIELDSET




Для создания такой рамки нужно воспользоваться следующим кодом:

Code
<fieldset><legend>Заголовок рамки</legend> Тут может быть любое содержимое (здесь может быть текст, код плеера с музыкой, фото, видео)</fieldset>


В заголовок также можно вставить все что угодно (фото, видео и др.). Достаточно прописать нужный код вместо фразы "Заголовок рамки".

Fieldset с цветной рамкой


Используя следующие теги можно задать цвет рамки Fieldset:

Code
<fieldset style="border:1px #00BFFF solid;"><legend>Содержимое рамки</legend></fieldset>


Fieldset с цветной выпуклой рамкой


Здесь изменен стиль рамки, цвет, размер, шрифт заголовка и сожержимого рамки.



Код такой рамки:

Code
<fieldset style="border: #1874CD ridge thick;">         
<legend> <b><span style="font-family:Monotype Corsiva;color:#104E8B;font-size:25px">Заголовок</b></span></legend><span style="font-family:Comic Sans MS;color:#8B795E;font-size:14px">Содержимое </span></fieldset>


Вид границы рамок border можете менять на свое усмотрение (пунктирная линия, двойная линия и т. д. ).

Материалы на эту же тему:

Создание красивого раздвижного меню для сайта
Основные атрибуты и свойства фона - background
Оформление ссылок в таблице стилей (CSS)
Основные Мета тэги
Границы при помощи border
Коды для вставки изображения в страницу
 
bandjukДата: Понедельник, 17.10.2011, 13:41 | Сообщение # 112 | Тема: Скрипт "Выделение bb-codes в окне ajax"
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Скрипт подойдет для любых модулей Ucoz .

Например, для форума

ПУ ---> Дизайн ---> Форум ---> Общий вид страниц форума
Ставим перед < / body>

Code

  <style type="text/css" media="all">  
  .codes {width: 99%; height: 300px;}  
  </style>  
  <script type="text/javascript">   
   $(".bbCodeName:contains('Code')").html("<font style='font-size:12px;'>Code</font> <a href='javascript://' style='font-size:12px;font-weight:normal;text-decoration:underline;margin-left:5px;' id='getcode'>Получить код</a>");   
   $("#getcode").live("click",function() {   
   codes = $(this).parent().next().html();   
   lencodes = codes.length;   
   replcode = /<!--uzc-->/   
   replcode2 = /<!--\/uzc-->/   
   replcode3 = /<br>/g   
   resultCode = codes.replace(replcode, "").replace(replcode2, "").replace(replcode3, "\n");   
   new _uWnd('getC','Получение кода для "$ENTRY_TITLE$"',600,300,{align:0,shadow:0,close:1,autosize:1,maxh:500,minh:300,resize:0}, '<fieldset><legend>Код:</legend><textarea onfocus="select(this)" id="codes" class="codes">'+resultCode+'</textarea></fieldset><fieldset>Символов: <b>'+lencodes+'</b></fieldset>' );   
   });   
   </script>  


Материалы на эту же тему:

Скрипт "Выделить всё" для bb-codes
Скрипт "Красивый вид изменения репутации пользователей"
Скрипт "Красивая персональная страница пользователя"
Как изменить цвет групп пользователей (цвет ника)
Скрипт "Ссылки плавно меняют цвет при наведении"
Скрипт "Цвет ника на форуме в зависимости от группы"
Скрипт "Блок RSS ленты"
Скрипт "Светлый мини профиль"
Скрипт "Cтатистика пользователей"
Скрипт "Коды для вставки..." для фотоальбома
Скрипт "Фон для иконок форума"
Скрипт "Панель добавление в Социальные закладки"
Красивая страница 404
 
bandjukДата: Понедельник, 17.10.2011, 14:09 | Сообщение # 113 | Тема: Изменение вида code и quote для форума uCoz
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Если Вы хотите изменить внешний вид code и quote (кода и цитаты) на форуме uCoz

Откройте Управление дизайном ---> Таблица стилей (CSS) и найдите код:

Code
.codeMessage {background:#FFFFFF;font-size:9px;}     
     .quoteMessage {background:#FFFFFF;font-size:9px;}


Параметры code и quote соответственно
background:#FFFFFF - цвет фона;
font-size:9px - размер шрифта code;

Кроме этого можно задавать свои параметры, например добавить цвет текста:

color:#0099FF; - цвет текста;
padding:10px 10px; - размер отступов;
border-radius:15 15 15 15; - закругление краёв рамки;
font-style:italic; - наклонный текст;

Вот как будет выглядеть код:

Code
.codeMessage {background:#000000;font-size:10px;color:#0099FF;padding:10px 10px; border-radius:15 15 15 15;}
.quoteMessage {background:#000000;font-size:10px;color:#0099FF;padding:10px 10px; border-radius:15 15 15 15;}


Материалы на эту же тему:

Скрипт "Выделение bb-codes в окне ajax"
Скрипт "Выделить всё" для bb-codes
Скрипт "Красивый вид изменения репутации пользователей"
Скрипт "Красивая персональная страница пользователя"
Как изменить цвет групп пользователей (цвет ника)
Скрипт "Ссылки плавно меняют цвет при наведении"
Скрипт "Цвет ника на форуме в зависимости от группы"
Скрипт "Блок RSS ленты"
Скрипт "Светлый мини профиль"
Скрипт "Cтатистика пользователей"
Скрипт "Коды для вставки..." для фотоальбома
Скрипт "Фон для иконок форума"
Скрипт "Панель добавление в Социальные закладки"
Красивая страница 404
 
bandjukДата: Вторник, 18.10.2011, 10:06 | Сообщение # 114 | Тема: Скрипт раскрутки сайта (прикол)
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Создаём в блокноте страницу формата html с кодировкой UTF-8

Пример: Раскрутить сайт

Вставляем в неё код:

Code
<head>   
<body style="background:url('/LAPA.png') #191919; margin:0px; padding:0px;">   
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
    <title>Раскрутка сайтов</title>   
    <link rel="stylesheet" charset="utf-8" href="/_st/my.css" type="text/css" />   
    <style type="text/css">   
button{font-family: 'Segoe UI', 'Trebuchet MS', Tahoma, Verdana, Arial, sans; font-size: 90%; vertical-align: middle}   
#group{border: 1px solid #cdf; padding: 3ex; margin: 4ex;   
    font-family: 'Segoe UI', 'Trebuchet MS', Tahoma, Verdana, Arial, sans;   
    font-size: 85%; -moz-border-radius: 4px; text-align: center}   
#group_caption{position: relative; float: left; top: -4.9ex; left: -2ex; padding: 0px 1ex; background: #fff;   
    font-family: 'Segoe UI', 'Trebuchet MS', Tahoma, Verdana, Arial, sans;   
    color: #889}   
#site_address{width: 25%; color: #ccc; vertical-align: middle}   
#finish{padding: 0px; margin: 0px 0px 3ex 3ex}   
#finish label{color: #e00; font-size: 150%; display: block; margin-bottom: 2ex}   
#sites{border-collapse: collapse; margin-left: 3.2ex; margin-top: 2ex; margin-bottom: 4ex}   
#sites caption{font-size: 110%; font-weight: bold; text-align: left; white-space: nowrap; margin-bottom: 1ex}   
#sites td, #sites th{border: 1px solid #cdf; text-align: left; padding: 4px 1.5ex}   
#sites .ord{background: #f8fcff}   
#sites th{background: #f4f8fc}   
#sites .left{padding-right: 5ex}   
#sites .right{text-align: right}   
#links{font-size: 85%; margin: 5ex; color: #888}   
#links ul{list-style-type: none; margin: 2ex 2ex; padding: 0px}   
#links ul li{padding: 1ex 0px}   
    </style>   
    <script type="text/javascript">   
    //<![CDATA[   
function $(id){   
    return document.getElementById(id)   
}   

function hide(obj){   
    obj.style.display = 'none'   
}   

function show(obj){   
    if(obj){   
    obj.style.display = ''   
    }   
}   

function Dec2Hex(DecVal){   
    DecVal=parseInt(DecVal);   
    if(DecVal > 255 || DecVal < 0){   
    DecVal = 255   
    }   
    var Dig1 = DecVal % 16;   
    var Dig2 = (DecVal - Dig1) / 16;   
    var HexVal = document.body.HexChars.charAt(Dig2) + document.body.HexChars.charAt(Dig1);   
    return HexVal   
}   

function rgb(r, g, b){   
    var result = '#';   
    result += Dec2Hex(r) + Dec2Hex(g) + Dec2Hex(b);   
    return result   
}   

function step(){   
    if(document.body.canMove){   
    document.body.Angle += document.body.dAngle;   
    if(document.body.Angle > document.body.Pi * 2){   
    document.body.Angle -= document.body.Pi * 2   
    }   
    document.body.dAngle += document.body.d2Angle;   
    if(document.body.dAngle > document.body.maxDAngle || document.body.dAngle < document.body.minDAngle){   
    document.body.d2Angle = -document.body.d2Angle;   
    var finish = $('finish');   
    finish.style.display = 'block'   
    }   
       
    // caption color   
    var c = Math.floor((Math.cos(document.body.Angle) + 1) / 2 * document.body.captionMaxColor);   
    document.body.caption.style.color = rgb(Math.floor(c / 1.1), Math.floor(c / 1.05), c);   
       
    // caption size   
    document.body.caption.style.fontSize =   
    Math.floor(   
    (-Math.cos(document.body.Angle) + 1) * document.body.maxSize   
    + document.body.minSize   
    ) + 'px';   
       
    // caption left / top   
    document.body.caption.style.left =    
    Math.floor(   
    document.body.offsetWidth / 2 - document.body.caption.offsetWidth / 2   
    + Math.sin(document.body.Angle) * document.body.offsetWidth / 2   
    ) + 'px';   
       
    document.body.caption.style.top =   
    Math.floor(   
    Math.cos(document.body.Angle) * document.body.radius   
    + document.body.radius * document.body.spacerHeight / 2   
    - document.body.caption.offsetHeight / 2   
    ) + 'px';   

    //shadow color   
    document.body.shadow.style.color = rgb(Math.floor(240 - c / 2), Math.floor(240 - c / 2), Math.floor(240 - c / 2));   

    // shadow left / top   
    document.body.shadow.style.left =    
    Math.floor(   
    document.body.offsetWidth / 2 - document.body.shadow.offsetWidth / 2   
    + Math.sin(document.body.Angle) * document.body.offsetWidth / 2 / 1.1   
    ) + 'px';   
       
    document.body.shadow.style.top =   
    Math.floor(   
    -Math.cos(document.body.Angle) * document.body.radius / 2   
    + document.body.radius * document.body.spacerHeight / 1.51   
    - document.body.shadow.offsetHeight / 2   
    ) + 'px';   

    setTimeout('step()', 50)   
    }   
}   

function createRequest(param){   
    var Request = false;   

    if (window.XMLHttpRequest){   
    Request = new XMLHttpRequest()   
    }   
    else{   
    if(window.ActiveXObject){   
    try{   
    Request = new ActiveXObject("Microsoft.XMLHTTP")   
    }   
    catch(excp){   
    try{   
    Request = new ActiveXObject("Msxml2.XMLHTTP")   
    }   
    catch(excp2){   
    Request = false   
    }   
    }   
    }   
    }   

    if(Request){   
    var url = './ajax.php?addr=' + param + '&rnd=' + Math.floor(Math.random() * 65535);   
    Request.open('GET', url, true);   
    if(window.XMLHttpRequest){   
    Request.send(null)   
    }   
    else{   
    if(window.ActiveXObject){   
    Request.send()   
    }   
    }   
    }   

    return Request   
}   

function btn_click(){   
    var sa = $('site_address').value;   
    if(sa != ''){   
    hide($('group'));   

    createRequest(sa);   
       
    document.body.HexChars = '0123456789ABCDEF';   
    document.body.minSize = 20;   
    document.body.maxSize = 40;   
    document.body.Angle = 0;   
    document.body.dAngle = 0.01;   
    document.body.d2Angle = 0.001;   
    document.body.maxDAngle = 0.5;   
    document.body.minDAngle = 0.01;   
    document.body.spacerHeight = 7;   
    document.body.radius = 50;   
    document.body.canMove = true;   
    document.body.Pi = 3.1415926;   
    document.body.captionMinColor = 0;   
    document.body.captionMaxColor = 128;   
       
    var spacer = document.createElement('div');   
    spacer.style.height = Math.floor(document.body.radius * document.body.spacerHeight) + 'px';   
    spacer.style.position = 'relative';   
    spacer.style.textAlign = 'left';   
    spacer.innerHTML = ' ';   
    spacer.style.overflow = 'hidden';   
    spacer.id = 'spacer';   
    document.body.spacer = spacer;   
    document.body.insertBefore(spacer, $('finish'));   
       
    var caption = document.createElement('label');   
    caption.innerHTML = sa;   
    caption.style.position = 'relative';   
    caption.style.zIndex = '3';   
    caption.style.fontSize = document.body.minSize + 'px';   
    caption.style.fontWeight = 'bold';   
    caption.style.fontFamily = '"Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans';   
    caption.style.color = '#000';   
    caption.style.left = Math.floor(document.body.offsetWidth / 2 - caption.offsetWidth / 2) + 'px';   
    caption.style.top = 2 * document.body.radius + 'px';   
    caption.style.whiteSpace = 'nowrap';   
    caption.id = 'caption';   
    spacer.appendChild(caption);   
    document.body.caption = caption;   
       
    var br = document.createElement('br');   
    spacer.appendChild(br);   
       
    var shadow = document.createElement('label');   
    shadow.innerHTML = sa;   
    shadow.style.position = 'relative';   
    shadow.style.zIndex = '2';   
    shadow.style.fontSize = document.body.minSize + 'px';   
    shadow.style.color = '#ccc';   
    shadow.style.fontWeight = 'bold';   
    shadow.style.fontFamily = '"Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans';   
    shadow.style.left = Math.floor(document.body.offsetWidth / 2 - shadow.offsetWidth / 2 + 2) + 'px';   
    shadow.style.top = 2 * document.body.radius + 2 + 'px';   
    shadow.style.whiteSpace = 'nowrap';   
    shadow.id = 'shadow';   
    spacer.appendChild(shadow);   
    document.body.shadow = shadow;   

    show($('sites'));   
    show($('links'));   
    setTimeout('step()', 0)   
    }   
    else{   
    alert('Не указан адрес сайта!')   
    }   
}   

function sa_focus(){   
    var sa = $('site_address');   
    sa.style.color = '#000';   
    if(sa.value == 'www.domain.ru'){   
    sa.value = ''   
    }   
}   

function sa_blur(){   
    var sa = $('site_address');   
    if(sa.value == ''){   
    sa.value = 'www.domain.ru';   
    sa.style.color = '#ccc'   
    }   
}   

function sa_keypress(){   
    var code = event.keyCode;   
    if(code == 13){   
    btn_click()   
    }   
}   
    //]]>   
    </script>   
</head>   
<body>   
<div id="hat" style="display: block">   

</div>   
<div id="group">   
    <label id="group_caption"><FONT color="#000000">Раскрутка сайтов:</font></label>   
    <label for="site_address">Адрес: </label>   
    <input type="text" id="site_address" value="www.domain.ru" onfocus="sa_focus()" onblur="sa_blur()" onkeypress="sa_keypress()" />   
    <button id="start_button" type="button" onclick="this.disabled = true; btn_click()">Раскрутить сайт</button>   
</div>   
<div id="finish" style="display: none">   
    <img src=http://ssilki.at.ua/2/ok.png width=40 height=40 <label>Сайт раскручен!</label>   
    <button type="button" onclick="document.location.href = 'Адрес страницы со ссылкой на скрипт'">Раскрутить еще один</button>   
<button type="button" onclick="document.location.href = 'Адрес главной страницы вашего сайта'">На главную страницу</button>   
</div>   
<div id="links" style="display: none">   
    <ul style="float: right">   
    </ul>   
</div>   
<table id="sites" style="display: none">   
    </tr>   
    </tbody>   
</table>   
<div style="clear: both">   
        
</div>   
</body>   
</html>


сохраняем страницу и заливаем себе на сайт.

В месте где хотите видеть ссылку на скрипт вставляете код ссылки:

Code
<a href="Ссылка на страницу со скриптом залитую на сайт" target="_blank">Раскрутить свой сайт</a><br>


Материалы на эту же тему:

Скрипт "Выделение bb-codes в окне ajax"
Скрипт "Выделить всё" для bb-codes
Скрипт "Красивый вид изменения репутации пользователей"
Скрипт "Красивая персональная страница пользователя"
Как изменить цвет групп пользователей (цвет ника)
Скрипт "Ссылки плавно меняют цвет при наведении"
Скрипт "Цвет ника на форуме в зависимости от группы"
Скрипт "Блок RSS ленты"
Скрипт "Светлый мини профиль"
Скрипт "Cтатистика пользователей"
Скрипт "Коды для вставки..." для фотоальбома
Скрипт "Фон для иконок форума"
Скрипт "Панель добавление в Социальные закладки"
Красивая страница 404
 
bandjukДата: Вторник, 18.10.2011, 13:30 | Сообщение # 115 | Тема: Скрипт "Аватар в персональной странице пользователя"
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов


Открываем Панель управления ---> Дизайн ---> Пользователи ---> Персональная страница пользователя:
Находим код:

Code
<?if($_AVATAR$)?>$_AVATAR$<br /><br /><?endif?>   


Заменяем на:

Code
<?if($_AVATAR$)?>$_AVATAR$<br /><br /><?else?><img src="http://ssilki.at.ua/image/noavatar.png" border=0 alt="Нет аватара"Title="Нет аватара"><br><br><?endif?>


Материалы на эту же тему:

Скрипт "Иконка Нет аватара на форуме"
Скрипт "Аватар в гостевой книге"
Скрипт "Форма входа (RuForm) v 1.0"
Скрипт "Светлый мини профиль"
Скрипт "Cтатистика пользователей"
Скрипт "Кнопка "Важно" и "PS" при добавлении темы/поста"
Скрипт "Картинка в поиск по сайту"
Скрипт "Переключатель страниц желтого цвета"
Скрипт "Кнопки Назад, На главную, Вперёд"
Скрипт "Панель добавление в Социальные закладки"
Красивая страница 404
 
bandjukДата: Среда, 19.10.2011, 17:03 | Сообщение # 116 | Тема: Скрипт "Гости не видят что содержит Code на форуме"
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Гости не видят что содержит Code на форуме, вместо содержимого отображается надпись:
"Для просмотра сожержимого"


Установка:
ПУ ---> Управление дизайном ---> Форум ---> Общий Вид страниц форума, после $BODY$ вставляем код:

Code
<?if(!$USER_LOGGED_IN$)?>     
    <script>$('.codeMessage').html('$USERNAME$ Для просмотра сожержимого <b><a href="http://fotki.ucoz.ua/index/3" Title="Регистрация">Зарегистрируйтесь</a><b/>');</script>     
    <?endif?>


Материалы на эту же тему:

Скрипт "Иконка Нет аватара на форуме"
Скрипт "Аватар в гостевой книге"
Скрипт "Форма входа (RuForm) v 1.0"
Скрипт "Светлый мини профиль"
Скрипт "Cтатистика пользователей"
Скрипт "Кнопка "Важно" и "PS" при добавлении темы/поста"
Скрипт "Картинка в поиск по сайту"
Скрипт "Переключатель страниц желтого цвета"
Скрипт "Кнопки Назад, На главную, Вперёд"
Скрипт "Панель добавление в Социальные закладки"
Красивая страница 404
 
bandjukДата: Пятница, 21.10.2011, 14:02 | Сообщение # 117 | Тема: Скрипт "Красивый вид Ajax окон для тёмных дизайнов"
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Красивый вид Ajax окон для тёмных дизайнов



Открываем:
Главная --> Управление дизайном --> Глобальные блоки --> Верхняя часть сайта, в самый низ вставляем код:

Code
<style type="text/css">    
    @import url('http://ssilki.at.ua/Java/ajax.css') all;    
    </style>


Материалы на эту же тему:

Скрипт "Новая кнопка добавить новость"
Скрипт "Красивая иконка ленты новостей RSS"
Скрипт "Иконка NEW"
Скрипт "Классные медали на форум"
Скрипт "Красивое раздвижное меню"
Скрипт "Кнопка добавить материал, новость"
Скрипт "Кнопка "Важно" и "PS" при добавлении темы/поста"
Скрипт "Картинка в поиск по сайту"
Скрипт "Переключатель страниц желтого цвета"
Скрипт "Кнопки Назад, На главную, Вперёд"
 
bandjukДата: Пятница, 28.10.2011, 13:53 | Сообщение # 118 | Тема: Скрипт "Красивый вид гостевой книги"
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Искал в интернете красивый вид гостевой книги, но то, что нашел мне не понравилось!
Поэтому я решил сделать собственный вид Гостевой книги.



Как видно на скрине, аватар пользователя отображается в красивой рамке, если у пользователя нет аватара, отображается картинка "No avatar".

Установка:

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

Code

<table class="$CLASS$" width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 3px;">    
   <div class="cDate" style="float: right;"><span title="$TIME$">$DATE$</span> $MODER_PANEL$</div>    
   <div class="cTop" style="text-align: left;"><span style="width: 18px;"><b>$NUMBER$</b>.</span> <FONT color="#993399"><b>$NAME$</b></font>    
(<a href="$PROFILE_URL$">$USERNAME$</a>)    
<a href="$EMAIL_JS$" title="Email"><img src="http://ssilki.at.ua/image/Forum/e.gif" align="absmiddle" border="0"></a>    
<a rel="nofollow" href="$SITE$" target="_blank" title="Site"><img src="http://ssilki.at.ua/image/Forum/h.gif" align="absmiddle" border="0"></a>    
   </div>    
   <table class="postTable" width="100%" border="0" cellpadding="2" cellspacing="1">    
   <tbody><tr><td class="postTdTop" width="23%" align="center"><a class="postUser" href="javascript://" onclick="emoticon('$USERNAME$,');return false;">$USERNAME$</a></td><td class="postTdTop"><FONT color="#0099FF">Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</font></td></tr>    
   <tr><td class="postTdInfo" valign="top">    
     <center>
       <table border="0" cellpadding="0" cellspacing="0">      
      <tbody>      
      <tr>      
      <td width="10" background="http://fotki.ucoz.ua/images/ramka/1.png" height="10" border="0">      
      </td>      
      <td background="http://fotki.ucoz.ua/images/ramka/6.png" height="10" border="0">      
      </td>      
      <td width="10" background="http://fotki.ucoz.ua/images/ramka/3.png" height="10" border="0">      
      </td>      
      </tr>      
      <tr>      
      <td width="10" background="http://fotki.ucoz.ua/images/ramka/7.png" border="0">      
      </td>      
      <td>      
<?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$" style="padding-right:4px;"><img alt="" align="left" src="$USER_AVATAR_URL$" width="100" border="0"/></a><?else?><?if($USER_LOGGED_IN$)?><img align="CENTER" src="http://ssilki.at.ua/image/noavatar.png" width="100" border="0"><?else?><img class="userAvatar" align="CENTER" src="http://ssilki.at.ua/image/noavatar.png" width="100" border="0"hspace="10" vspace="10"><?endif?><?endif?>
     <td width="10" background="http://fotki.ucoz.ua/images/ramka/8.png" border="0"></td>      
          
      <tr>      
      <td width="10" background="http://fotki.ucoz.ua/images/ramka/2.png" height="10" border="0">      
      </td>      
      <td background="http://fotki.ucoz.ua/images/ramka/5.png" height="10" border="0">      
      </td>      

      <td width="10" background="http://fotki.ucoz.ua/images/ramka/4.png" height="10" border="0">      
      </td>      
      </tr>      
      </tbody></table>      
          </center>
     </td><td class="posttdMessage" valign="top">$MESSAGE$</td></tr><tr><td class="postBottom" align="center"<div class="postip"><font color="#ffffff"><b>Ответ:</b></font></div></td><td class="postBottom">    
   <table width="100%" border="0" cellpadding="0" cellspacing="0">    

   <tbody><tr><td><i><font color="#ff0000">$ANSWER$<br></font></i></td><td style="padding-right: 15px;" align="right">$ENTRY_MANAGE_ICON_BAR$</td><td width="2%" align="right" nowrap="nowrap">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>    
   </tbody></table></td></tr></tbody></table>    
   </td></tr></tbody></table><br>


При желании цвета надписей и рамки можно изменить!

Материалы на эту же тему:

Скрипт "Иконка Нет аватара на форуме"
Скрипт "Красивый вид Ajax окон для тёмных дизайнов"
Скрипт "Аватар в гостевой книге"
Скрипт "Форма входа (RuForm) v 1.0"
Скрипт "Светлый мини профиль"
Скрипт "Cтатистика пользователей"
Скрипт "Кнопка "Важно" и "PS" при добавлении темы/поста"
Скрипт "Картинка в поиск по сайту"
Скрипт "Переключатель страниц желтого цвета"
Скрипт "Кнопки Назад, На главную, Вперёд"
Скрипт "Панель добавление в Социальные закладки"
Красивая страница 404
 
bandjukДата: Понедельник, 31.10.2011, 15:13 | Сообщение # 119 | Тема: Скрипт "Усовершенствованный вид фотоальбома"
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Фотографии с рамкой с использованием изображений - это конечно здорово и красиво, но при этом существенно замедляется скорость загрузки страницы, да и сам код увеличивается вдвое!

Поэтому я решил написать новый скрипт для фотоальбома с использованием тега fieldset для создания рамки вокруг изображения.

Сравните сами:
1. Это скриншот фотоальбома с использованием изображений в качестве рамки.



КОД этого скрипта.

2. Скриншот скрипта с использованием тега fieldset



Установка:

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

Code
<link type="text/css" rel="StyleSheet" href="http://ssilki.at.ua/Java/black.css" />      
      <script type="text/javascript" src="http://ssilki.at.ua/Java/black.js"></script>
           
           
<center><span style="font-family:Monotype Corsiva;color:#104E8B;font-size:15px"><?if($CAT_NAME$)?><div style="padding-top:0px;"><b>Категория:</b><br><a title="Нажмите для перехода в категорию" href="$CAT_URL$">$CAT_NAME$</a></div><?endif?></span></center>
       <center>       
<fieldset style="border: #1874CD ridge thick; width:100; height:120;padding:2px 2px;border-radius:10 10 10 10;">
          <span style="font-family:Comic Sans MS;color:#8B795E;font-size:14px">
<a href="$PHOTO_URL$"alt="$OTHER1$">
<a href="$PHOTO_LIGHTBOX_URL$" title="<b>Просмотры:</b> $REVIEWS$, <b>Название: </b>$PHOTO_NAME$, <b>Добавил:</b> $USER$<br> <b>Размеры:</b> $PHOTO_SIZE$, $PHOTO_WEIGHT$ Кб">$PHOTO$</a>

      <script type="text/javascript">      
      function repchange(val,id){      
      repval=val;      
      ajaxtime=setInterval('checkajax'+id+'()',500);}      
      </script>      
      <script type="text/javascript">      
      function checkajax26668(){      
      forms=document.getElementsByTagName('form');      
      for(f=0;f<forms.length;f++){      
      if(forms[f].id=='frm981'){      
      if(repval=='plus'){document.getElementById('a2').checked='true';      
      forms[f].reason.value='Благодарю за $PHOTO_NAME$'      
      document.getElementById('submfrm981').click();      
      document.getElementById('sbt981').onclick=null;      
      clearInterval(ajaxtime);}}}}      
      </script>      
      <b><?if($FULL_PHOTO_URL$)?><a href="$FULL_PHOTO_URL$" target="_blank"Title="Скачать фото"><!--<s5227>-->Скачать<!--</s>--></a><?endif?><b/>
      <a title="Репутация пользователя автоматически повысится. Многократное нажатие Спасибо запрещено Правилами сайта и строго наказывается!" href="javascript://" onclick="openLayerB('Rd',0,'$HOME_PAGE_LINK$index/23-$UID$','Change Reputation',380,200,1); return false;"><img src="http://fotki.ucoz.ua/images/ramka/spasibo.png" onclick="repchange('plus','26668');" align="absmiddle" border="0"></a>
           
       </center></span></fieldset>
           
      <div style="margin-top:2px;" class="eDetails">
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>
<?if($RATING$)?><div align="center"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
</div></div>


При желании цвет, шрифты, размер радиуса закругления углов и др. параметры можно заменить на свои.
Как это сделать смотрите

тут - Создание рамки с помощью FIELDSET

тут - Границы при помощи border

и тут

Материалы на эту же тему:

Скрипт "Красивый вид фотографий"
Скрипт "Красивый вид изменения репутации пользователей"
Скрипт "Красивая персональная страница пользователя"
Как изменить цвет групп пользователей (цвет ника)
Скрипт "Ссылки плавно меняют цвет при наведении"
Скрипт "Цвет ника на форуме в зависимости от группы"
Скрипт "Блок RSS ленты"
Скрипт "Светлый мини профиль"
Скрипт "Cтатистика пользователей"
Скрипт "Коды для вставки..." для фотоальбома
Скрипт "Фон для иконок форума"
Скрипт "Панель добавление в Социальные закладки"
Красивая страница 404
 
bandjukДата: Вторник, 01.11.2011, 15:16 | Сообщение # 120 | Тема: Скрипт "Генератор текста Crazy Pages"
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Данный скрипт служит для генерации прикольного текста.

1) При нажатии на кнопку "Генерировать" скрипт произвольно выбирает отдельный цвет и размер для каждого символа в вашем сообщении.
2) Просмотреть полученный результат Вы сможете в новом окне.
3) Для генерирования другого варианта текста снова нажмите кнопку "Генерировать" для другой комбинации.
4) Когда Вы будете удовлетворены, копируйте и вставляйте код из текстовой области в html код вашей страницы.

Пример скрипта

Установка:

Открываем блокнот или текстовые редактор Notepad++, создаём Html страницу тип кодировки UTF-8.

Вставляем код и заливаем полученную страницу себе на сайт:

Code
<HTML>   
<HEAD>   
<META http-equiv=Content-Type content="text/html; charset=windows-1251">   
<META name="Title" content="Генератор текста Crazy Pages">
<META name="Description" content="Генератор текста Crazy Pages">
<META name="Keywords" content="Генератор текста Crazy Pages">
<SCRIPT language=JavaScript>   
function codeit(passed)   
{ value = passed   
    valueout =""   
    carrot = false;   
    for (i=0; i<value.length; i++)   
    { getcode = value.substring(i, i+1)   
    if (getcode == '<') carrot = true;   
    else if (getcode == '>') carrot = false;   
    else if (getcode == ' ') valueout += getcode.fontsize(7).fontcolor(randomcolor())   
    else    
    valueout += getcode.fontsize(randomfont()).fontcolor(randomcolor());   
    }   
    valueout = "<strong>" + valueout + "</strong>"   
    document.forms[0].result.value = valueout;   
// parent.output.document.open('text/html');   
// parent.output.document.write(valueout);   
// parent.output.document.close();   
    pageout = "<html><body bgcolor=black><strong>"   
    pageout += valueout + "</strong>"   
    pageout += "<p><center><hr width=50><p><font color=white>Посетить сайт "   
    pageout += "<a href=\"http://ssilki.at.ua\">"   
    pageout += "Лучшие ссылки в интернете</a></font></center>"   
    pageout += "</body></html>"   
    out = window.open('','output');   
    out.document.write(pageout);   
    out.document.close();   
}   

function randomfont()   
{ f=Math.floor(Math.random()*(5))+3   
    return f   
}   

function randomcolor()   
{ c = Math.floor(Math.random()*(17))   
    if (c == 0) return 'gray'   
    else if (c == 1) return 'maroon'   
    else if (c == 2) return 'purple'   
    else if (c == 3) return 'green'   
    else if (c == 4) return 'olive'   
    else if (c == 5) return 'navy'   
    else if (c == 6) return 'teal'   
    else if (c == 7) return 'silver'   
    else if (c == 8) return 'red'   
    else if (c == 9) return 'fuchsia'   
    else if (c == 10) return 'lime'   
    else if (c == 11) return 'yellow'   
    else if (c == 12) return 'blue'   
    else if (c == 13) return 'aqua'   
    else if (c == 14) return 'orange'   
    else if (c == 15) return 'brown'   
    else if (c == 16) return 'magenta'   

    else return 'black'   
}   
</SCRIPT>   

<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>   
<BODY>   
<P> </P>   
<P> </P>   
<P align=center><STRONG><FONT color=teal size=7>C</FONT><FONT color=red    
size=2>r</FONT><FONT color=orange size=4>a</FONT><FONT color=green    
size=6>z</FONT><FONT color=blue size=4>y</FONT><FONT color=yellow size=2>    
</FONT><FONT color=orange size=7>P</FONT><FONT color=red size=4>a</FONT><FONT    
color=brown size=1>g</FONT><FONT color=green size=5>e</FONT><FONT color=magenta    
size=7>s</FONT></STRONG></P>   
<strong><font color="purple"><font size="6">Э</font></font><font color="green"><font size="4">т</font></font><font color="aqua"><font size="3">о</font></font><font color="lime"><font size="3">т</font></font><font color="orange"><font size="7"> </font></font><font color="lime"><font size="6">с</font></font><font color="olive"><font size="5">к</font></font><font color="orange"><font size="5">р</font></font><font color="olive"><font size="5">и</font></font><font color="red"><font size="7">п</font></font><font color="gray"><font size="7">т</font></font><font color="magenta"><font size="7"> </font></font><font color="yellow"><font size="5">г</font></font><font color="gray"><font size="7">е</font></font><font color="navy"><font size="6">н</font></font><font color="aqua"><font size="6">е</font></font><font color="maroon"><font size="4">р</font></font><font color="green"><font size="3">и</font></font><font color="lime"><font size="7">р</font></font><font color="brown"><font size="5">у</font></font><font color="lime"><font size="5">е</font></font><font color="brown"><font size="5">т</font></font><font color="lime"><font size="7"> </font></font><font color="red"><font size="3">п</font></font><font color="fuchsia"><font size="7">р</font></font><font color="orange"><font size="7">и</font></font><font color="yellow"><font size="6">к</font></font><font color="orange"><font size="7">о</font></font><font color="aqua"><font size="5">л</font></font><font color="teal"><font size="5">ь</font></font><font color="navy"><font size="5">н</font></font><font color="lime"><font size="3">ы</font></font><font color="purple"><font size="3">й</font></font><font color="maroon"><font size="7"> </font></font><font color="olive"><font size="7">т</font></font><font color="silver"><font size="3">е</font></font><font color="green"><font size="3">к</font></font><font color="yellow"><font size="3">с</font></font><font color="blue"><font size="6">т</font></font></strong>
<P><font color="#0000ff">При нажатии на кнопку "Генерировать" скрипт произвольно выбирает отдельный цвет и размер для каждого символа в вашем сообщении.<BR>   
Просмотреть полученный результат Вы сможете в новом окне. <BR>
Для генерирования другого варианта текста снова нажмите кнопку "Генерировать" для другой комбинации.<BR>   
Когда Вы будете удовлетворены, копируйте и вставляйте код из текстовой области в html код вашей страницы.<BR>   
Лучше всего устанавливать цвет фона вашей страницы чёрным или белым.</font></P>   
<FORM>   
<DIV align=center>   
<CENTER>   
<P><FONT color=white><FONT color=white></FONT></FONT><FONT color=#ff0000>Введите   
ваш текст здесь:</FONT><FONT color=white><BR><TEXTAREA name=code rows=4 cols=60></TEXTAREA>    
</FONT></P></CENTER></DIV><FONT color=white>   
<DIV align=center>   
<CENTER>   
<P><INPUT onclick=codeit(document.forms[0].code.value) type=button value=Генерировать name=button1>    
</P></CENTER></DIV></FONT><BR>   
<DIV align=center>   
<CENTER>   
<P><FONT color=white></FONT><font color="#FF0000"> Скопируйте и вставьте этот код в html код вашей страницы</font><FONT color=#ff0000>:</FONT><FONT color=white><FONT color=white><BR><TEXTAREA name=result rows=4 cols=60></TEXTAREA>    
</FONT></FONT></P></CENTER></DIV></FORM>   
</BODY></HTML>


Эту ссылку вставляете куда хотите:

Code
<a href="Ссылка на залитую на сайт страницу"Target="_blank">Генератор текста</a>


Материалы на эту же тему:

Скрипт "Усовершенствованный вид фотоальбома"
Скрипт "Красивый вид фотографий"
Скрипт "Красивый вид изменения репутации пользователей"
Скрипт "Красивая персональная страница пользователя"
Как изменить цвет групп пользователей (цвет ника)
Скрипт "Ссылки плавно меняют цвет при наведении"
Скрипт "Цвет ника на форуме в зависимости от группы"
Скрипт "Блок RSS ленты"
Скрипт "Светлый мини профиль"
Скрипт "Cтатистика пользователей"
Скрипт "Коды для вставки..." для фотоальбома
Скрипт "Фон для иконок форума"
Скрипт "Панель добавление в Социальные закладки"
Красивая страница 404
 
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2025

Создать бесплатный сайт с uCoz