Скрипт "Золотая страничка"

1110
8 из 10
Проголосовало: 4




  • Скачать с сервера
  • Скачать
  • Смотреть демо

Можно назвать это минишаблоном, но это скорее скрипт чем шаблон. Он позволит вам красиво представить свое портфолио, миниблог, визитку, небольшой каталог или на что хватит фантазии.

Установка:

1. Качаем материал и заливаем в корень сайта.

2. В CSS 

Code
body{background:#957400;background-position:0 0;background-size:600px;margin:0;font:12px Arial}
.body{width:700px;height:514px;background:url(img/ground.png);position:relative;left:23%}

.bgblur{position:absolute;width:100%;height:100%;background:url(img/ground-blur.png);z-index:0}
.black{position:absolute;width:100%;height:100%;background:#000;z-index:0;opacity:.5}

.stars{background:url(img/stars.png) repeat;}
.stars1{background:url(img/stars1.png) repeat;}
.stars2{background:url(img/stars2.png) repeat;}

.menu{position:relative;left:270px;top:155px;width:150px;text-align:center;float:left}
.menu a{display:block;height:20px;background:#786319;border:1px solid #2A2103;line-height:20px;margin:5px;text-decoration:none;font-size:10px;color:#000;opacity:.4;;border;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius: 2px;}
.menu a:focus{outline:0}

.content div{height:460px;width:480px;position:relative;top:25px;left:40px;overflow:auto;display:none}

3. HTML 

Code
<html>
<head>
<title>Gold Page</title>
<!--[if IE]><style>*{display:none;}</style><[endif]-->
<link type="text/css" rel="StyleSheet" href="style.css" />

<script type="text/javascript" src="http://s22.ucoz.net/src/u.js"></script>
<script type="text/javascript" src="gold.page.js"></script>

</head>
<body><div class="stars"><div class="stars1"><div class="stars2"><div class="black"></div>
<div class="body">
<div class="bgblur"></div>
<div class="menu">
<a class="link1" style="opacity:1.0" href="javascript://">Главная</a>
<a class="link2" href="javascript://">О бо мне</a>
<a class="link3" href="javascript://">Блог</a>
<a class="link4" href="javascript://">Заказать</a>
<a class="link5" href="javascript://">Форум</a>
<a class="link6" href="javascript://">Портфолио</a>
</div>
<div class="content">
<div class="about">
<!-- Содержимое -->
</div>

<div class="blog">
<!-- Содержимое -->
</div>

<div class="order">
<!-- Содержимое -->
</div>

<div class="forum">
<!-- Содержимое -->
</div>

<div class="case">
<!-- Содержимое -->
</div>
<div>
</div>
</div></div></div>
</body>
</html>



Автор: Frost 
Источник: i-uCoz.ru



Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2122
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    276
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: