Статистика Форума
Последние обновленные темы
Самые популярные темы
Активисты форума
Авторитеты форума
Беседы у костра

Создал: WurDalaK; ответов: 2108
Вопросы по модострою

Создал: WurDalaK; ответов: 1160
Ходка №1

Создал: Алеся; ответов: 301
Какой трек у вас сейчас и...

Создал: Never; ответов: 64
Злой админ

Создал: WurDalaK; ответов: 54
WurDalaK

Постов: 2038
Возрожденный

Постов: 1624
Wo1fRam

Постов: 592
Алеся

Постов: 183
Marsel

Постов: 174
WurDalaK

Уважение: 28
Venus

Уважение: 23
Never

Уважение: 17
Возрожденный

Уважение: 13
Wo1fRam

Уважение: 13

Страница 1 из 11
Модератор форума: XemorDio 
Форум » Веб-мастерская » Скрипты » Оригинальный текст с фоном.
Оригинальный текст с фоном.
Российская Федерация  XemorDio
Дата: Четверг, 03.04.2014, 15:25 | Сообщение # 1
Статус
Новичок
Группа
Администраторы
Сообщений
85
Награды
0
-
7
+


HTML код в любое место можно пихать даже на форум. Выглядит отлично, типо шапка темы..
Код
<section class="sec-top">
       <div class="inner1">Stalker.Ucoz.Ae</div>
       <div class="inner2">Stalker.Ucoz.Ae</div>
       <div class="inner2">Stalker.Ucoz.Ae</div>
</section>

CSS

Код
/* http://stalker.ucoz.ae/ */      
/* http://jamiewilson.io/norwester/ */
/* http://subtlepatterns.com/squairy/ */
/* http://subtlepatterns.com/graphy/ */
@font-face {
       font-family: 'NorwesterRegular';
         src: url('https://dl.dropboxusercontent.com/s/r2buekkk2a0qk87/norwester.eot');
         src: url('https://dl.dropboxusercontent.com/s/r2buekkk2a0qk87/norwester.eot') format('embedded-opentype'),
              url('https://dl.dropboxusercontent.com/s/mp1wlib365iql5q/norwester.woff') format('woff'),
              url('https://dl.dropboxusercontent.com/s/682cmhu5dbut5v6/norwester.ttf') format('truetype'),
              url('https://dl.dropboxusercontent.com/s/82s66wchm4az7i8/norwester.svg#NorwesterRegular') format('svg');
}

body, html {
       height: 100%;
}
.sec-top {
       height: 100%;
       width: 100%;
       /* background: white; */
       background-image:url('https://dl.dropboxusercontent.com/s/k6xatwr9a08xues/squairy_light.png');
       padding-top: 30px;
       text-align: center;
}
.inner1 {
       font-family: 'NorwesterRegular';
       color: #960000;
       font-size: 200px;
       /* font-weight: bold; */       
       text-shadow: hsl(0,0%,75%) -1px -1px, hsl(0,0%,75%) -2px -2px, hsl(0,0%,75%) -3px -3px, hsl(0,0%,75%) -4px -4px, hsl(0,0%,75%) -5px -5px, hsl(0,0%,75%) -6px -6px, hsl(0,0%,75%) -7px -7px, hsl(0,0%,75%) -8px -8px, hsl(0,0%,75%) -9px -9px, hsl(0,0%,75%) -10px -10px;
}

.inner2 {
       font-family: 'NorwesterRegular';
       color: #666;
       font-size: 25px;       
}


Добавлено (24.11.2013, 07:04)
---------------------------------------------
Кстате, фон можно убрать, или на свой.
Найдите эту строчку и поменяйте картинку или уберите.
Код
ackground-image:url('https://dl.dropboxusercontent.com/s/k6xatwr9a08xues/squairy_light.png');
 
Форум » Веб-мастерская » Скрипты » Оригинальный текст с фоном.
Страница 1 из 11
Поиск:
Мини-чат
Яндекс.Метрика