Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

Обводка контента ..зеброй ..

Постоянный участник
gradus
Медаль За активность на форуме
Сообщений: 394
Днепр
825 дней назад
Доброго времени суток . Если кого не затруднит подскажите пожалуйста как сделать обводку всего контента вместе с хедером и футером то есть по кругу все обвести smile
Переделываю сайт на новый ( по мотивам старого ) и вот никак не могу воссоздать такую ..обводку .. как зебра грубо говоря по 2px темная( #FA681E;)затем прозрачная и так по кругу
.Вот кусочек кода не могу понять где здесь и как прозрачную часть прописать .... scratch
Тень прописал работает .
.sheet /* обводка бардюра +тень */
{
background: #FFFFFF;
border:2px dashed #1e0f07;
margin:10px auto 0;
box-shadow: 0 0 35px #000; /* тень */
position:relative;
cursor:auto;
width: 1020px;
z-index: auto !important;
http://gipau.com
Постоянный участник
Malover
Медаль
Сообщений: 638
41 день назад
К одному элементу нельзя два раза прописать бордер.

У Вас это:

gradus:
border:2px dashed #1e0f07;

прерывистая лини вместо dashed сделайте double получится типа "зебры" smile

Скрытый текст виден только зарегистрированным пользователям


Если у Вас в том коде что выше выглядело так как Вам нужно то возможно тень:

gradus:
box-shadow: 0 0 35px #000; /* тень */

выглядела как еще одна обводка которая
gradus:
прозрачная
Редактировалось: 1 раз (Последний: 28 марта 2015 в 22:14)
Постоянный участник
gradus
Медаль За активность на форуме
Сообщений: 394
Днепр
825 дней назад
Malover, smile Получилось но немного не то .Обводка получилась так как Вы подсказал но она теперь как рамка у картины .


Приведу пример пожалуй так будет проще всего наверное .чем ходить вокруг да около ..
Спойлер
Редактировалось: 3 раза (Последний: 28 марта 2015 в 23:06)
http://gipau.com
Постоянный участник
Степаныч
Медаль
Сообщений: 672
43 дня назад
gradus, v
gradus:
1) обводка 2) сделать закругленные углы на картинках и на самом ..сайте..3) сделать обводку вокруг картинок .

Не понял Вашей задумки. Но попробуйте если угадал для картинок у Вас в style.css строка 1095

Код PHP:
  1.  
  2. .article img, img.article, .block img {
  3. border: 2px solid #AF6433;
  4. border-radius: 10px 10px 10px 10px;
  5. margin: 7px;
  6.  
  7. }
  8.  
добавить padding: 2px; это внутренний отступ.

И для страницы у Вас строка 396

.sheet-body {
border: 4px dashed #1E0F07;
border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 35px #000000;
min-height: 58px;
min-width: 58px;
}

И
Malover:
прерывистая лини вместо dashed сделайте double

ЗЫ: как совет лучше попробовать настраивать все в программе там для этих элементов выбирать что то типа "внутренний отступ"
для того что бы меньше вносить таких мелких исправлений в ручную, что бы потом легко было шаблон обновлять, а не искать каждый раз исправления сделанные в ручную.
Постоянный участник
gradus
Медаль За активность на форуме
Сообщений: 394
Днепр
825 дней назад
Всем спасибо за помощь буду пробовать ( попробую в шаблоне программы изменить ) smile
http://gipau.com
|
Перейти на форум:
Быстрый ответ
У вас нет прав, чтобы писать на форуме.