Автор Тема: Вопрос по рамке.  (Прочитано 890 раз)

0 Пользователей и 1 Гость просматривают эту тему.

finans13Автор темы

  • *
  • Оффлайн
  • Награды Более 150 сообщений На форуме более 1 года Более 10 созданных тем
  • Дата регистрации: Мар 2016
  • Сообщений: 196
  • Поблагодарили: 10 раз(а)
  • Репутация +2/-0
  • Пол: Мужской
  • Рефералов 0
    • Награды
Вопрос по рамке.
« : 19 Июль 2016, 08:10:14 »
Нет оценки
Подскажите плиз. вот есть рамка, как должен выглядеть код, что бы внутри ее был фон и можно было бы ставить изображение внутрь рамки.  сам код <div style="border:10px outset #054f04;padding:10px;">ваш текст</div>
 

flamesv

  • *
  • Оффлайн
  • Награды На форуме более 1 года Более 50 сообщений Более 10 созданных тем
  • Дата регистрации: Июн 2016
  • Расположение: Барнаул
  • Сообщений: 60
  • Страна: ru
  • Поблагодарили: 53 раз(а)
  • Репутация +1/-3
  • Пол: Мужской
  • https://vk.com/id314045880
  • Рефералов 0
    • Награды
Вопрос по рамке.
« Ответ #1 : 19 Июль 2016, 09:03:16 »
Нет оценки
<div style="border:10px outset #054f04;padding:10px;background:url('ссылка на картинку');">ваш текст</div>
 

finans13Автор темы

  • *
  • Оффлайн
  • Награды Более 150 сообщений На форуме более 1 года Более 10 созданных тем
  • Дата регистрации: Мар 2016
  • Сообщений: 196
  • Поблагодарили: 10 раз(а)
  • Репутация +2/-0
  • Пол: Мужской
  • Рефералов 0
    • Награды
Вопрос по рамке.
« Ответ #2 : 19 Июль 2016, 09:54:59 »
Нет оценки
<div style="border:10px outset #054f04;padding:10px;background:url('ссылка на картинку');">ваш текст</div>

Спасибо с фоном получилось, вот только с картинкой пока не выходит
<div style="border:10px outset #054f04;padding:10px;background-color:#FFFFFF"><img src="i5.gif">ваш текст</div>
 

AlexGraur

  • *
  • Оффлайн
  • Награды На форуме более 1 года Более 100 сообщений
  • Дата регистрации: Апр 2016
  • Расположение: Россия
  • Возраст: 26
  • Сообщений: 143
  • Страна: ru
  • Поблагодарили: 53 раз(а)
  • Репутация +4/-0
  • Пол: Мужской
  • Admin Гномограда-ДТВ
  • Дата рождения:1991-03-11
  • Рефералов 0
    • Награды
Вопрос по рамке.
« Ответ #3 : 19 Июль 2016, 14:59:19 »
Нет оценки
.border_css {
 position:relative;
 background: #B540B1 ;
 padding:10px 35px 10px 10px;
 margin:0 0 15px 0;
 border: 1px solid #fff;
 font-size:16px;
 color: #fff;
 line-height:18px;
  border-radius: 5px;
 text-align: center;
 width: 92%;
 }
Это вставляем в ваши стили, например style.css
Чтобы получить результат в нужном месте пишем:
<div class="border_css">
Ваш текст и картинки и прочее...
</div>

Расшифровываю код:
position:relative - положение элемента относительно на исходном месте. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения. То есть становится подвижным
background: - фон
padding:10px 35px 10px 10px; - отступы с 4х сторон для текста
margin:0 0 15px 0; - величина отступа со всех 4х сторон
border: 1px solid #fff; - рамка 1 пиксель, сплошная  белого цвета
font-size:16px; - размер текста 16 пикселей
color: #fff; - текст белого цвета
  line-height:18px; - межстрочный интервал
  border-radius: 5px; - закругление с 4 сторон вашей рамки 5 пикселей
  text-align: center; 5px; - текст по центру)
  width: 92%; - ширина всей рамки и ее содержимого 92% от всей ширины страницы
 

finans13Автор темы

  • *
  • Оффлайн
  • Награды Более 150 сообщений На форуме более 1 года Более 10 созданных тем
  • Дата регистрации: Мар 2016
  • Сообщений: 196
  • Поблагодарили: 10 раз(а)
  • Репутация +2/-0
  • Пол: Мужской
  • Рефералов 0
    • Награды
Вопрос по рамке.
« Ответ #4 : 19 Июль 2016, 16:04:26 »
Нет оценки
.border_css {
 position:relative;
 background: #B540B1 ;
 padding:10px 35px 10px 10px;
 margin:0 0 15px 0;
 border: 1px solid #fff;
 font-size:16px;
 color: #fff;
 line-height:18px;
  border-radius: 5px;
 text-align: center;
 width: 92%;
 }
Это вставляем в ваши стили, например style.css
Чтобы получить результат в нужном месте пишем:
<div class="border_css">
Ваш текст и картинки и прочее...
</div>

Расшифровываю код:
position:relative - положение элемента относительно на исходном месте. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения. То есть становится подвижным
background: - фон
padding:10px 35px 10px 10px; - отступы с 4х сторон для текста
margin:0 0 15px 0; - величина отступа со всех 4х сторон
border: 1px solid #fff; - рамка 1 пиксель, сплошная  белого цвета
font-size:16px; - размер текста 16 пикселей
color: #fff; - текст белого цвета
  line-height:18px; - межстрочный интервал
  border-radius: 5px; - закругление с 4 сторон вашей рамки 5 пикселей
  text-align: center; 5px; - текст по центру)
  width: 92%; - ширина всей рамки и ее содержимого 92% от всей ширины страницы

Спасибо большое все быстро получилось, но только одно,,, это когда одну собрался рамку сделать. а если их будет штук 10 на сайте, это получается нужно для каждой свой отдельный код - ну что бы менять цвет, размер и т.д. или может неправ я, как то другой выход есть.
 

AlexGraur

  • *
  • Оффлайн
  • Награды На форуме более 1 года Более 100 сообщений
  • Дата регистрации: Апр 2016
  • Расположение: Россия
  • Возраст: 26
  • Сообщений: 143
  • Страна: ru
  • Поблагодарили: 53 раз(а)
  • Репутация +4/-0
  • Пол: Мужской
  • Admin Гномограда-ДТВ
  • Дата рождения:1991-03-11
  • Рефералов 0
    • Награды
Вопрос по рамке.
« Ответ #5 : 20 Июль 2016, 21:07:23 »
Нет оценки
можете прописывать все стили прямо когда делаете в style="заданные параметры кодов" - но это длинные коды...
Сделайте несколько вариантов просто с разными вариантами в файле стилей
border_css
border_css2
border_css3
border_css4 и т.д.
И потом просто заменяйте название  в <div class="название_класса">
<div class="border_css">
Ваш текст и картинки и прочее...
</div>
Думаю это просто все.. со стилями все работают впринципе так)
 

finans13Автор темы

  • *
  • Оффлайн
  • Награды Более 150 сообщений На форуме более 1 года Более 10 созданных тем
  • Дата регистрации: Мар 2016
  • Сообщений: 196
  • Поблагодарили: 10 раз(а)
  • Репутация +2/-0
  • Пол: Мужской
  • Рефералов 0
    • Награды
Вопрос по рамке.
« Ответ #6 : 26 Июль 2016, 14:55:20 »
Нет оценки
Парни, что и как в этом коде добавить, что бы вот эти все надписи появились, не на прозрачном фоне..http://prntscr.com/bxoop6  сам код
<table div class="naz2" width="400" border="0" align="center" cellpadding="0" cellspacing="0">
 <font color="FFffff"> <tr><td colspan="2" align="center">&nbsp;</td></tr>

а это с цсс

.naz2 {
font-size: 12px;
color: #080908;
font-weight: bold;
font-family: "Tahoma";
}
 
Теги:
 

Вопрос по модулю "Мне нравится" для FF ферм

Автор SumBoyРаздел Разговоры обо всём

Ответов: 1
Просмотров: 816
Последний ответ 23 Июль 2016, 17:47:53
от varikozz
Вопрос по модулю заданий. кто подскажет по коду ..

Автор finans13Раздел Общие вопросы по фермам

Ответов: 9
Просмотров: 1376
Последний ответ 11 Август 2016, 07:07:54
от finans13
Вопрос по коду для размещения для баннеров.

Автор finans13Раздел Общие вопросы по фермам

Ответов: 3
Просмотров: 751
Последний ответ 28 Сентябрь 2016, 16:01:56
от shans5
Вопрос по скрипту игры cosmicmatter

Автор vovzenРаздел Общие вопросы по фермам

Ответов: 2
Просмотров: 375
Последний ответ 18 Февраль 2017, 06:46:51
от geronimo
Вопрос по работе серфинга

Автор SnaykРаздел Вопросы по модулям фф

Ответов: 0
Просмотров: 246
Последний ответ 11 Апрель 2017, 21:22:24
от Snayk
Имя пользователя:
Пароль:
Session: