Перейти к контенту

Animated Skin!

Romanos

Автор: Romanos,
в Дизайн и графика

 Поделиться

Рекомендуемые сообщения

Romanos

Romanos

Опубликовано
Опубликовано

Skin Name: 1st Colourfull ED Animated Skin

Author: Romanos

Other Comments: This is one of the 1st Animated Skins

Preview: Preview

 

CCS Code:

Header/body:

<body text="#5e6c98" link="#5e6c98" vlink="#5e6c98" alink="#5e6c98" leftmargin="3" topmargin="3" marginwidth="3" marginheight="0">
<table width="760" border="1" align="center" cellpadding="6" cellspacing="0" bgcolor="#cdd2e0" height="377" bordercolor="#5e6c98" bordercolordark="#5e6c98" bordercolorlight="#5e6c98">
<tr>
<td width="100%" height="100%" bgcolor="#cdd2e0" bordercolor="#5e6c98" bordercolorlight="#5e6c98" bordercolordark="#5e6c98">

 

ACP > Skinning & Styles > CSS.

 

CSS

</STYLE><CENTER> <a href="http://www.evolutiondesigns.clicdev.com">

<img src="http://img.photobucket.com/albums/v428/romanos2004/copyright.gif" border="0" />

</a></CENTER><STYLE TYPE="text/css">

html { overflow-x: hidden;overflow-y: auto; }

form { display: inline; }

img { vertical-align: middle;border: 0px; }

BODY { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;margin: 0px 10px 0px 10px;color: #5e6c98;background-color: #cdd2e0; }

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;color: #5e6c98; }

a:link, a:visited, a:active { text-decoration: none;color: #5e6c98; }

a:hover { text-decoration: underline;color: #5e6c98; }

fieldset.search { padding: 6px;line-height: 150%; }

label { cursor: pointer; }

img.attach { padding: 2px;border: 2px outset #5e6c98; }

.googleroot { padding: 6px;line-height: 130%; }

.googlechild { padding: 6px;margin-left: 30px;line-height: 130%; }

.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px;color: #5e6c98; }

.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px;font-weight: bold;color: #5e6c98; }

.googlepagelinks { font-size: 1.1em;letter-spacing: 1px; }

.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px;color: #5e6c98; }

li.helprow { padding: 0px;margin: 0px 0px 10px 0px; }

ul#help { padding: 0px 0px 0px 15px; }

option.cat { font-weight: bold; }

option.sub { font-weight: bold;color: #5e6c98; }

.caldate { text-align: right;font-weight: bold;font-size: 11px;padding: 4px;margin: 0px;color: #5e6c98;background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.warngood { color: #5e6c98; }

.warnbad { color: red; }

#padandcenter { margin-left: auto;margin-right: auto;text-align: center;padding: 14px 0px 14px 0px; }

#profilename { font-size: 28px;font-weight: bold; }

#calendarname { font-size: 22px;font-weight: bold; }

#photowrap { padding: 6px; }

#phototitle { font-size: 24px;border-bottom: 1px solid black; }

#photoimg { text-align: center;margin-top: 15px; }

#ucpmenu { line-height: 150%;width: 22%;background-color: #cdd2e0;border: 1px solid #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }

#ucpcontent { line-height: 150%;width: auto;color: #5e6c98;background-color: #cdd2e0;border: 1px solid #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

#ucpcontent p { padding: 10px;margin: 0px; }

#ipsbanner { position: absolute;top: 1px;right: 5%; }

#logostrip { padding: 0px;margin: 0px;color: #5e6c98;background-color: #cdd2e0;border: 1px solid #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

#submenu { font-size: 10px;margin: 3px 0px 3px 0px;font-weight: bold;color: #5e6c98;border: 1px solid #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/comen.gif); }

#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #5e6c98; }

#userlinks { color: #5e6c98;border: 1px solid #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/comen.gif); }

#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }

.activeuserstrip { padding: 1px;background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.pformstrip { font-weight: bold;padding: 4px;margin-top: 1px;color: #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/cotop.gif); }

.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #BEC8D6;border-right: 1px solid #BEC8D6;background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #BEC8D6;border-right: 1px solid #BEC8D6;background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #BEC8D6;background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.post1 { background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.post2 { background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.postlinksbar { padding: 4px;margin-top: 1px;font-size: 10px;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/cotop.gif); }

.row1 { background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.row2 { background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.row3 { background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.row4 { background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.darkrow1 { color: #5e6c98;background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.darkrow2 { padding: 3px;color: #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/cobot.gif); }

.darkrow3 { padding: 2px;color: #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/comen.gif); }

.hlight { background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.dlight { background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.titlemedium { font-weight: bold;padding: 4px;margin: 0px;color: #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/cotop.gif); }

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { text-decoration: underline;color: #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.maintitle { text-align: center;vertical-align: middle;font-weight: bold;letter-spacing: 1px;padding: 7px 0px 7px 0px;color: #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/comain.gif); }

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none;color: #5e6c98; }

.maintitle a:hover { text-decoration: underline; }

.plainborder { background-color: #5e6c98;border: 1px solid #5e6c98; }

.tableborder { padding: 0px;margin: 0px;width: 100%;background-color: #5e6c98;border: 1px solid #5e6c98; }

.tablefill { padding: 6px;background-color: #cdd2e0;border: 1px solid #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.tablepad { padding: 6px;background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.tablebasic { width: 100%;padding: 0px 0px 0px 0px;margin: 0px;border: 0px; }

.wrapmini { float: left;line-height: 1.5em;width: 25%; }

.pagelinks { float: left;line-height: 1.2em;width: 35%; }

.desc { font-size: 10px;color: #5e6c98; }

.edit { font-size: 9px; }

.signature { font-size: 10px;color: #5e6c98; }

.postdetails { font-size: 10px; }

.postcolor { font-size: 12px;line-height: 160%; }

.normalname { font-size: 12px;font-weight: bold;color: #5e6c98; }

.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }

.unreg { font-size: 11px;font-weight: bold;color: #5e6c98; }

.searchlite { font-weight: bold;color: #5e6c98;background-color: #cdd2e0;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

#QUOTE { font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #5e6c98;background-color: #cdd2e0;border: 1px solid #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

#CODE { font-family: Courier, Courier New, Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #5e6c98;background-color: #cdd2e0;border: 1px solid #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 12px; }

.codebuttons { font-size: 10px;padding: 0px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;font-weight: bold;color: #5e6c98;background-color: #cdd2e0;border: 1px solid #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;font-weight: bold;color: #5e6c98;background-color: #cdd2e0;border: 1px solid #5e6c98;background-image: url(http://img.photobucket.com/albums/v428/romanos2004/0d8de66c.gif); }

.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #BEC8D6;border-bottom: 1px solid #BEC8D6; }

.purple { font-weight: bold;color: purple; }

.red { font-weight: bold;color: red; }

.green { font-weight: bold;color: #5e6c98; }

.blue { font-weight: bold;color: blue; }

.orange { font-weight: bold;color: #F90; }

div.row4 { border-color: #79899F!important;background-color: #cdd2e0; }

Ссылка на комментарий
Поделиться на других сайтах
cactus[pix]

cactus[pix]

Опубликовано
Опубликовано

Противная вещь :D В глазах рябит, что ли. Не, задумка - ничего.

Только не для общения теперь форум... взгляд падает не на текст из-за этого.

Ссылка на комментарий
Поделиться на других сайтах
cactus[pix]

cactus[pix]

Опубликовано
Опубликовано

pritorian

Угу.. излишки программирования пошли :D Вот сделать, к примеру, чтобы так делалось только тогда, когда курсор мышки наводишь на эту часть - сильно бы было.

Но сколько там коди-ть надо будет...

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

Вы можете ответить сейчас, а зарегистрироваться позже. Если у вас уже есть аккаунт, войдите, чтобы ответить от своего имени.

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
 Поделиться
Перейти к списку тем
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.

  Согласен