1. Вы находитесь в сообществе Rubukkit. Мы - администраторы серверов Minecraft, разрабатываем собственные плагины и переводим на различные языки плагины наших коллег из других стран.
    Скрыть объявление
Скрыть объявление
В преддверии глобального обновления, мы проводим исследования, которые помогут нам сделать опыт пользования форумом ещё удобнее. Помогите нам, примите участие!

[Dele] Обводка картинки вокруг. В новости.

Тема в разделе "Оффтопик", создана пользователем ChiFT_W.w., 21 янв 2013.

  1. Автор темы
    ChiFT_W.w.

    ChiFT_W.w. Активный участник

    Баллы:
    68
    Имя в Minecraft:
    Chift
    [Dele] Обводка картинки вокруг. В новости.
    Как сделать чтоб к новости я прикреплял картинку а к ней была обвода как у enxemplix.
    (Пример обводки на картинке!)
    [​IMG]
    Сам сайт : NiceRP.RU
    (Сайт сервера SAMP Не Minecraft)
     
    ChiFT_W.w., 21 янв 2013
    #1
  2. Mejor

    Mejor Старожил Пользователь

    Баллы:
    123
    За деньги сделаю, стучись в лс.
     
    Mejor, 21 янв 2013
    #2
  3. Attelis

    Attelis Старожил Переводчик Пользователь

    Баллы:
    173
    :fp:
     
    Attelis, 21 янв 2013
    #3
  4. LiveD

    LiveD Старожил Пользователь

    Баллы:
    153
    Skype:
    LiveDRus
    Лол скопировать код CSS + HTML, вот бяда.
     
    LiveD, 21 янв 2013
    #4
    МиднайтЖелаетВамДобра нравится это.
  5. Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    наложить обводку в фотошопе:D
     
    Vampikkkk, 21 янв 2013
    #5
    МиднайтЖелаетВамДобра нравится это.
  6. Attelis

    Attelis Старожил Переводчик Пользователь

    Баллы:
    173
    Запаришься так каждую картинку обводить, легче способом который сказал товарищ выше.
     
    Attelis, 21 янв 2013
    #6
  7. LiveD

    LiveD Старожил Пользователь

    Баллы:
    153
    Skype:
    LiveDRus
    CSS:
    Код:
    .border_image {
padding:10px;
border: 1px  solid  #c2c2c2;
float:left;
clear:left;
margin-right:10px;
margin-bottom:5px;
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
    HTML:
    Код:
    <div class="border_image"><img src="Ссылка на картинку" alt="Описание картинки"></div>
     
    LiveD, 21 янв 2013
    #7
    МиднайтЖелаетВамДобра, Attelis и ChiFT_W.w. нравится это.
  8. Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    @Attelis,если с учетом что каждую картинку рисуете сами(для уникальности) нечего сложного поставить галочку в одном месте) ну в остольном согласен.​
     
    Vampikkkk, 21 янв 2013
    #8
    Black-UK-Lord, I-Am-Black-Overlord и zuma2 нравится это.
  9. Автор темы
    ChiFT_W.w.

    ChiFT_W.w. Активный участник

    Баллы:
    68
    Имя в Minecraft:
    Chift
    А это куда!? :trf:
     
    ChiFT_W.w., 21 янв 2013
    #9
    ВремяПриключений нравится это.
  10. Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    @ChiFT_W.w.,первое в style.css второе в новость.
     
    Vampikkkk, 21 янв 2013
    #10
  11. Miner

    Miner Активный участник

    Баллы:
    88
    Лучше уж так:
    Код:
    .border_image {
float:left;
margin-right:10px;
margin-bottom:5px;
padding: 10px;
border: 1px  solid  #c2c2c2;
}
 
.border_image img {
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
<div class="border_image">
       <img src="Ссылка на картинку" alt="Описание картинки">
</div>
     
    Miner, 21 янв 2013
    #11
    ChiFT_W.w. нравится это.
  12. Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    @Miner,и в каждую новость встовлять? лутше один раз занести в style.css и каждая новость будет использовать его.
     
    Vampikkkk, 21 янв 2013
    #12
  13. Автор темы
    ChiFT_W.w.

    ChiFT_W.w. Активный участник

    Баллы:
    68
    Имя в Minecraft:
    Chift
    Теперь картинки нету
     
    ChiFT_W.w., 21 янв 2013
    #13
    HoShiMin нравится это.
  14. Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    <img src="Ссылка на картинку" alt=" Описание картинки">

    </div>

    И зделайте так как написал человек выше.
     
    Vampikkkk, 21 янв 2013
    #14
  15. LiveD

    LiveD Старожил Пользователь

    Баллы:
    153
    Skype:
    LiveDRus
    Конченный чтоле? Каким боком это лучше? :confused: Во-первых без <style><style/>...
     
    LiveD, 21 янв 2013
    #15
  16. Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    @LiveD,css вставить в общий документ стилей для сайта (style.css) или вы собираетесь в каждом документе отдельно прописывать стили? и давайте без оскорблений.
    p.s тэг не правельно закрыли.
     
    Vampikkkk, 21 янв 2013
    #16
    МиднайтЖелаетВамДобра нравится это.
  17. LiveD

    LiveD Старожил Пользователь

    Баллы:
    153
    Skype:
    LiveDRus
    Мне зачем объясняешь? Я все это знаю и на оборот даю советы, обращался не к тебе.
     
    LiveD, 21 янв 2013
    #17
    МиднайтЖелаетВамДобра и ВремяПриключений нравится это.
  18. Vampikkkk

    Vampikkkk Старожил Пользователь

    Баллы:
    173
    Skype:
    Vampikkkk
    @LiveD,извините перепутал, но тэг все равно не правельно закрыли)
     
    Vampikkkk, 21 янв 2013
    #18
  19. Miner

    Miner Активный участник

    Баллы:
    88
    лол, я говорил не про разметку документа, а про стили и див
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>КАРТИНКА К НОВОСТИ</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="ссылка к стилям css" type="text/css" />
        <!--
            В стили занести это
       
            .border_image {
                float: left;
                margin-right: 10px;
                margin-bottom: 5px;
                padding: 10px;
                border: 1px solid #c2c2c2;
            }
           
            .border_image img {
                box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
                -o-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
                -ms-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
                -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
                -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
            }
        -->
    </head>
    <body>
 
        <div class="border_image">
            <img src="Ссылка на картинку" alt="Описание картинки" />
        </div>
   
    </body>
</html>
    вот тебе полная страница, пупс
     
    Miner, 21 янв 2013
    #19
  20. LiveD

    LiveD Старожил Пользователь

    Баллы:
    153
    Skype:
    LiveDRus
    @Miner, мне зачем? Разве не ясно, что мне это не надо....
     
    LiveD, 21 янв 2013
    #20

Поделиться этой страницей