Записи участника (Aninew) - Скрипты для Ucoz

Книги для вебмастера

Страница 1 из 1
1

Скрипты для Ucoz » Записи участника » Aninew [2]

Результаты поиска

Aninew

Дата: Вторник, 08.05.2012, 17:04 | Сообщение # 1 | Тема: Очень красивый мини профиль

Установка:
Это вставляем в:
Панель управления --- Управление дизайном --- таблица стилей Css, в любое место:

Code

/* Profile by ARTJUMP*/
          li.cat1 { list-style:none; margin:0px 0px 2px 0px; padding:0px;}
          li.cat1 a:link { display:block; text-decoration:none; solid #131313; text-align:left; padding-left:5px; height:13px; color:#808080; font-family:Century Gothic; font-size:10px;}
          li.cat1 a:visited { display:block; text-decoration:none;  solid #131313; text-align:left; padding-left:5px; height:13px; color:#808080; font-family:Century Gothic; font-size:10px;}
          li.cat1 a:hover { display:block; text-decoration:none; solid #00fcff;  text-align:left; height:13px; color:#00fcff; font-family:Century Gothic; font-size:10px; }
          li.cat1 a: { display:block; text-decoration:none;  solid #3D3D3D; text-align:left; height:13px; color:#808080; font-family:Century Gothic; font-size:10px; }
          li.cat1_bottom a:link { display:block; text-decoration:none;  solid #131313; border-bottom:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}
          li.cat1_bottom a:visited { display:block; text-decoration:none;  solid #131313; border-bottom:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}
          li.cat1_bottom a:hover { display:block; text-decoration:none;  soalid #131313; text-align:left; height:15px; color:#3D3D3D; font-size:11px; }
          li.cat1_bottom a:active { display:block; text-decoration:none;  solid #131313; border-bottom:3px solid #3D3D3D;  text-align:left; height:15px; color:#3D3D3D; font-size:11px; }
          li.cat { display:block; text-decoration:none; border:0px solid #3D3D3D; color:#808080;  padding-right:5px; padding-top:3px; height:13px; width:180px; font-weight:normal; font-family:Century Gothic; font-size:10px; }
          /* ------------- */

Создаём новый блок и вставляем в него код:

Code

<?if($USER_LOGGED_IN$)?>
            <center><li class="cat">Здравствуйте, <font color="#02b702"><b>$USERNAME$!</b></font></li>
</center>
            <div id="avatar">
            <center><a href="javascript://" rel="nofollow" onclick="window.open('/index/8','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350') ;return false;"><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"></a></center>
            </p></div>
            <center><div class="readon">
                  <input href="javascript://" class="button" style="border:0px;" onclick="$('#obshee').toggle('slow'); "value="Информация" type="submit">
                  </div>
            </center>
            <div id="obshee" style="display:none;">
            <li class="cat1"><span style="font-weight:normal"><a href="#" title="Ваша группа: $USER_GROUP$">>Группа: $USER_GROUP$</a></span></li>
            <li class="cat1"><span style="font-weight:normal"><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/8','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">>Профиль $USERNAME$</a></span></li>
            <li class="cat1"><span style="font-weight:normal"><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/11','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"">>Изменение данных</a></span></li>
            <li class="cat1"><span style="font-weight:normal"><a href="#">>Вы с нами: $USER_REG_DAYS$ дней</a></span></li>
            <li class="cat1"><span style="font-weight:normal"><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">>Читать ЛС ($UNREAD_PM$)</a></span></li>
            <li class="cat1"><span style="font-weight:normal"><a href="javascript://" title="Выход" onclick="if (confirm('Вы действительно хотите выйти?')) {location.href='$LOGOUT_LINK$'} else {alert('Спасибо что остались с нами!')};">>Выход</a></span></li>
            </ul></div>
            <center><div class="readon">
                  <input href="javascript://" class="button" style="border:0px;" a onclick="$('#dobavit').toggle('slow'); "value="Добавить материал" type="submit">
                  </div>
            </center>
            <div id="dobavit" style="display:none;">
            <li class="cat1"><span style="font-weight:normal"><a href="/photo/0-0-0-1">>Обои</a></span></li>
            <li class="cat1"><span style="font-weight:normal"><a href="/publ/0-0-0-0-1">>Статью</a></span></li>
            <li class="cat1"><span style="font-weight:normal"><a href="/load/0-0-0-0-1">>Файл</a></span></li>
            </ul></div>
            <?endif?>$LOGIN_FORM$

Aninew

Дата: Вторник, 08.05.2012, 17:04 | Сообщение # 2 | Тема: Красивый поиск по сайту

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

УСТАНОВКА
Это в:
Панель управления --- управление дизайном --- таблица стилей Css в самы низ:

Quote

#wrap-search {margin: 0 auto;width: 100px; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; text-indent: 0px;}
#wrap-search br { display: none; }
#wrap-search #search {background: -moz-linear-gradient(center bottom , #9B9B9B 0%, #A9A9A9 50%, #CACACA 50%, #D3D3D3 2550%);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #9B9B9B),color-stop(0.5, #A9A9A9),color-stop(0.5, #CACACA),color-stop(25.5, #D3D3D3));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9B9B9B', EndColorStr='#CACACA');
border-radius: 5px;
padding: 4px;
}

#wrap-search:hover { width:200px; }

.form-search {
background: -webkit-gradient(linear, 0 bottom, 0 top, from(#EBEBEB), to(#BCBCBC));
background: -moz-linear-gradient(-90deg, #BCBCBC, #EBEBEB);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EBEBEB', EndColorStr='#BCBCBC');
border: 1px solid #747474;
border-radius: 3px;
box-shadow: inset 0 1px 1px #575555, 0 1px 0 #FFF;
height: 32px;
position: relative;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}

.form-search input[type='text'] {
background: none;
border: none;
color:#6E7074;
height: 34px;
line-height: 34px;
padding: 0 27px 0 6px;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
text-shadow: 0 1px 0 #FFF;
}
#wrap-search:hover input[type='text'] { color:#597C84; }
#wrap-search:hover .form-search {
background: -moz-linear-gradient(-90deg, #9CC2CA, #DFECEF);
background: -webkit-gradient(linear, 0 bottom, 0 top, from(#DFECEF), to(#9CC2CA));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DFECEF', EndColorStr='#9CC2CA');
box-shadow: inset 0 1px 1px #46575b, 0 1px 0 #FFF;
color: #25464D;
}

.form-search input[type='image'] {
height: 32px;
opacity: .5;
filter:alpha(opacity=50);
position: absolute;
right: 0px;
top: 0px;
width: 32px;
}
.form-search input[type='image']:hover {
opacity: 1;
filter:alpha(opacity=100);
}

красным выделил длину поля ввода, можно изменить значение

Это сама форма поиска, вставляем в блок или куда Вам нужно:

Code

Скрипты для Ucoz » Записи участника » Aninew [2]

Страница 1 из 1
1


	Пятница, 19.04.2024, 23:56

	Скрипты для Ucoz
	Главная \| Записи участника (Aninew) - Скрипты для Ucoz