» » » Пример оформления аттачмента для DLE

Пример оформления аттачмента для DLE

  • 0
Данный материал предоставлен сайтом All4Cms.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Пример оформления аттачмента для DLE.

Простое и красивое оформление аттачмента для DLE

Установка:
Открываем файл стилей style.css вашего шаблона.
В самый конец вставляем
.wrap {
	margin: 100px auto;
	width: 500px;
	}
	.wrap h1 {
		color: #227ddd;
		font: normal 22px Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align: center;
		margin-bottom: 30px;
		}
	span.attachment {
		display: block;
		position: relative; 
		background: #fffaf0;
		padding: 50px 10px 10px 10px;  
		border-left: solid 3px #ffebcd;   
		font: normal 14px/18px Verdana, Geneva, Arial, Helvetica, sans-serif; 
		color: #c5c5c5;
		}
		span.attachment:before {
			content: "Скачать";
			position: absolute;
			display: block; 
			padding: 10px;
			background: #f0fff0;
			border-left: solid 3px #ade7ca;
			top: 0;
			left:-3px;    
			right: 0;  
			color: #5f9ea0;
			}   
			span.attachment a {
				color: #227ddd;   
				text-shadow: 1px 1px 0 #fff;
				text-decoration: none;
				} 
				span.attachment a:hover {
					color: #323232;
					}
Автор: ПафНутиЙ
  • Хаки и модули
  • 19-04-2013, 16:16
  • 2 100
Вернуться назад
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.