Общие вопросы по оформлению (41)

Deff
Поставила, понятно все, кроме того, как мне морды сделать по центру ячейки таблицы, как увеличить расстояние между большими картинками, и можно как то сделать чтобы морды сразу обратно уменьшались?
http://satira.mybb.ru/

---------------
Ну и собственно как прикрутить рамку при наведении?)

Отредактировано Zaraza28 (Ср, 22 Фев 2012 13:46:41)

0

Поделиться525Ср, 22 Фев 2012 13:42:13

Автор: mania
Заслуженный
Зарегистрирован: Вт, 14 Дек 2010
Сообщений: 230
Уважение: -1
Позитив: +7
Последний визит:
Вт, 16 Май 2017 15:34:52

--------

Отредактировано mania (Пт, 8 Июн 2012 19:57:09)

0

Поделиться526Ср, 22 Фев 2012 13:52:03

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Zaraza28
Замени

Код:

<style>
table.prev {
width:0;
border-collapse:collapse;
border:solid 1px transparent;
}
table.prev td{
padding:0 17px;
}
.Myimg {
border:inset 4px #fff!important;
background-color:#D6C59B;
width:100px;
position:absolute;
display:none;
z-index:100;
margin-top:-100px;
margin-left:-30px;
}
</style>
<center>
<table class=prev><tr>
<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="40"/><div class="Myimg" style="display:none;"><img  src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>
<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="40"/><div class="Myimg" style="display:none;"><img  src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>
<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="40"/><div class="Myimg" style="display:none;"><img  src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>
</tr></table>
<!--Увеличилка картинок по наведению-->
<script type="text/javascript">
  $(document).ready(function(){
  $('img.tryam').mouseover(function(){
      $(this).parent().children('.Myimg').show('slow');
    }).mouseout(function(){
    });
  $('.Myimg img').mouseover(function(){
    }).mouseout(function(){
      $(this).parent('.Myimg').hide('slow');
    });
  });
</script></center>

Отредактировано Deff (Ср, 22 Фев 2012 14:00:38)

0

Поделиться527Ср, 22 Фев 2012 13:58:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

mania
А так как у тебя чичас даж интересней(Прикинь - админы будут смотреть в двенадцать глаз(нефиг тыкать

Код:

<style>
table.prev {
width:0;
border-collapse:collapse;
border:solid 1px transparent;
}
table.prev td{
padding:0 17px;
}
.Myimg {
border:solid 4px #fff!important;
border-bottom-width:6px!important;
background: #D6C59B url("http://uploads.ru/i/B/g/i/BgiSv.png");
width:100px;
position:absolute;
display:none;
z-index:100;
margin-top:-100px;
margin-left:-30px;


    box-shadow: 0px 2px 8px #7C7259;
    -webkit-box-shadow:0px 2px 8px #7C7259;
    -khtml-box-shadow:0px 2px 8px #7C7259;
    -moz-box-shadow:0px 2px 8px #7C7259;
    }
}
</style>
<center>
<table class=prev><tr>
<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="40"/><div class="Myimg" style="display:none;"><img  src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>
<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="40"/><div class="Myimg" style="display:none;"><img  src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>
<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="40"/><div class="Myimg" style="display:none;"><img  src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>
</tr></table>
<!--Увеличилка картинок по наведению-->
<script type="text/javascript">
  $(document).ready(function(){
  $('img.tryam').mouseover(function(){
      $(this).parent().children('.Myimg').show('slow');
    }).mouseout(function(){
    });
  $('.Myimg img').mouseover(function(){
    }).mouseout(function(){
      $(this).parent('.Myimg').hide('slow');
    });
  });
</script></center>

Отредактировано Deff (Ср, 22 Фев 2012 14:08:59)

0

Поделиться528Ср, 22 Фев 2012 14:07:02

Автор: Zaraza28
Заслуженный
Зарегистрирован: Пн, 13 Июл 2009
Сообщений: 456
Уважение: +2
Позитив: +50
Пол: Женский
Последний визит:
Сб, 9 Июн 2018 10:58:31

Deff написал(а):

Замени

Аеее) Мордочки встали по центру, но мне все еще хочется сделать расстояние между большими побольше, чтобы они друг на друга не наскакивали, привинтить им рамку и сделать так, чтобы они сразу после убирания мыши обратно уменьшались) Реально?)))

0

Поделиться529Ср, 22 Фев 2012 14:09:47

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Zaraza28
Пока текущего кода - у тьву не вижу - я уже поменял шесть раз

0

Поделиться530Ср, 22 Фев 2012 14:24:35

Автор: Zaraza28
Заслуженный
Зарегистрирован: Пн, 13 Июл 2009
Сообщений: 456
Уважение: +2
Позитив: +50
Пол: Женский
Последний визит:
Сб, 9 Июн 2018 10:58:31

Deff
Ой, не заметила) Готово, сэр)
Рамочку я там так понимаю, перекрасить я смогу, теперь че я хочу - увеличить расстояние между большими мордами, чтобы друг на друга не заезжали, и сократить между маленькими (но это я прочитала как в пояснении к коду).

0

Поделиться531Ср, 22 Фев 2012 14:35:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Zaraza28
Блин Копируйте код полностью - а не кусками и говорите что не нравицо!!
Навига выборочно! Установите css Блок полностью!

0

Поделиться532Ср, 22 Фев 2012 14:40:29

Автор: Zaraza28
Заслуженный
Зарегистрирован: Пн, 13 Июл 2009
Сообщений: 456
Уважение: +2
Позитив: +50
Пол: Женский
Последний визит:
Сб, 9 Июн 2018 10:58:31

Deff
Дубль 10)
Ну полностью же) Если бы не полностью, он бы не закрылся и не работал))

Zaraza28 написал(а):

увеличить расстояние между большими мордами, чтобы друг на друга не заезжали, и сократить между маленькими

Это в силе)

Отредактировано Zaraza28 (Ср, 22 Фев 2012 14:44:04)

0

Поделиться533Ср, 22 Фев 2012 14:44:41

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Zaraza28
Замените Еще раз

Код:

<style>
table.prev {
width:0;
border-collapse:collapse;
border:solid 1px transparent;
}
table.prev td{
padding:0 4px;
}
.tryam{
border:solid 2px #fff!important;
}
.Myimg {
text-align:center;
border:solid 4px #fff!important;
border-bottom-width:6px!important;
background-color: #D6C59B;
width:100px;
position:absolute;
display:none;
z-index:100;
margin-top:-100px;
margin-left:-30px;


    box-shadow: 0px 2px 8px #7C7259;
    -webkit-box-shadow:0px 2px 8px #7C7259;
    -khtml-box-shadow:0px 2px 8px #7C7259;
    -moz-box-shadow:0px 2px 8px #7C7259;
    }
}
</style>
<center>
<table class=prev><tr>
<td><img class="tryam" src="http://uploads.ru/i/Y/W/j/YWjoh.png" width="60"/><div class="Myimg" style="display:none;"><img  src="http://uploads.ru/i/Y/W/j/YWjoh.png" style="width:100%;"/></div></td>
<td><img class="tryam" src="http://uploads.ru/i/Y/W/j/YWjoh.png" width="60"/><div class="Myimg" style="display:none;"><img  src="http://uploads.ru/i/Y/W/j/YWjoh.png" style="width:100%;"/></div></td>
<td><img class="tryam" src="http://uploads.ru/i/Y/W/j/YWjoh.png" width="60"/><div class="Myimg" style="display:none;"><img  src="http://uploads.ru/i/Y/W/j/YWjoh.png" style="width:100%;"/></div></td>
</tr></table>
<!--Увеличилка картинок по наведению-->
<script type="text/javascript">
  $(document).ready(function(){
  $('img.tryam').mouseover(function(){
      $(this).parent().children('.Myimg').show('slow');
    }).mouseout(function(){
    });
  $('.Myimg img').mouseover(function(){
    }).mouseout(function(){
      $(this).parent('.Myimg').hide('slow');
    });
  });
</script></center>

0

Поделиться534Ср, 22 Фев 2012 14:45:53

Автор: compassionate
Заслуженный
Зарегистрирован: Сб, 11 Фев 2012
Сообщений: 71
Уважение: +2
Позитив: +11
Последний визит:
Сб, 26 Май 2012 10:47:53

Deff
ну так что? http://hogwarts12.rusff.ru/

0

Поделиться535Ср, 22 Фев 2012 14:55:28

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

compassionate
Если не трудно, повторите Вопрос дабы не рыть

0

Поделиться536Ср, 22 Фев 2012 14:59:53

Автор: Zaraza28
Заслуженный
Зарегистрирован: Пн, 13 Июл 2009
Сообщений: 456
Уважение: +2
Позитив: +50
Пол: Женский
Последний визит:
Сб, 9 Июн 2018 10:58:31

Deff
Заменила, осталось покрасить рамку в этот цвет: #d9a774
Спасиб)
И у мелких и у больших)

Отредактировано Zaraza28 (Ср, 22 Фев 2012 15:00:22)

0

Поделиться537Ср, 22 Фев 2012 15:01:23

Автор: compassionate
Заслуженный
Зарегистрирован: Сб, 11 Фев 2012
Сообщений: 71
Уважение: +2
Позитив: +11
Последний визит:
Сб, 26 Май 2012 10:47:53

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

0

Поделиться538Ср, 22 Фев 2012 15:03:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Zaraza28 написал(а):

Заменила, осталось покрасить рамку в этот цвет: #d9a774
Спасиб)

Код:

<style>
table.prev {
width:0;
border-collapse:collapse;
border:solid 1px transparent;
}
table.prev td{
padding:0 4px;
}
.tryam{
border:solid 3px #d9a774!important;
}
.Myimg {
text-align:center;
border:solid 4px #d9a774!important;
border-bottom-width:6px!important;
background-color: #D6C59B;
width:100px;
position:absolute;
display:none;
z-index:100;
margin-top:-100px;
margin-left:-30px;


    box-shadow: 0px 2px 8px #7C7259;
    -webkit-box-shadow:0px 2px 8px #7C7259;
    -khtml-box-shadow:0px 2px 8px #7C7259;
    -moz-box-shadow:0px 2px 8px #7C7259;
    }
}
</style>
<center>
<table class=prev><tr>
<td><img class="tryam" src="http://uploads.ru/i/Y/W/j/YWjoh.png" width="60"/><div class="Myimg" style="display:none;"><img  src="http://uploads.ru/i/Y/W/j/YWjoh.png" style="width:100%;"/></div></td>
<td><img class="tryam" src="http://uploads.ru/i/Y/W/j/YWjoh.png" width="60"/><div class="Myimg" style="display:none;"><img  src="http://uploads.ru/i/Y/W/j/YWjoh.png" style="width:100%;"/></div></td>
<td><img class="tryam" src="http://uploads.ru/i/Y/W/j/YWjoh.png" width="60"/><div class="Myimg" style="display:none;"><img  src="http://uploads.ru/i/Y/W/j/YWjoh.png" style="width:100%;"/></div></td>
</tr></table>
<!--Увеличилка картинок по наведению-->
<script type="text/javascript">
  $(document).ready(function(){
  $('img.tryam').mouseover(function(){
      $(this).parent().children('.Myimg').show('slow');
    }).mouseout(function(){
    });
  $('.Myimg img').mouseover(function(){
    }).mouseout(function(){
      $(this).parent('.Myimg').hide('slow');
    });
  });
</script></center>

Ваще б придумать автосворачивание без наведения...
ЫЫ

Щас доделаю

Отредактировано Deff (Ср, 22 Фев 2012 15:03:30)

0

Поделиться539Ср, 22 Фев 2012 15:15:05

Автор: Zaraza28
Заслуженный
Зарегистрирован: Пн, 13 Июл 2009
Сообщений: 456
Уважение: +2
Позитив: +50
Пол: Женский
Последний визит:
Сб, 9 Июн 2018 10:58:31

Deff написал(а):

Щас доделаю

Аее, вы мой герой) Я жду))

0

Поделиться540Ср, 22 Фев 2012 15:25:03

Автор: Алика
Заслуженный
Зарегистрирован: Пн, 2 Окт 2006
Сообщений: 80
Уважение: +1
Позитив: +2
Последний визит:
Пт, 7 Дек 2012 12:44:15

Еще раз здравствуйте, это снова я...)))
у меня, возможно, глупый вопрос, но ответ на него я не нашла.
Как заменить именно эту картинку на восклицательный знак, а все остальные чтобы остались обычными.
http://i007.radikal.ru/1202/1e/72fd57d3b6cb.jpg

форум: http://mirprognozov.1bb.ru/

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Общие вопросы по оформлению (41)

Сообщений 521 страница 540 из 1000

Поделиться521Ср, 22 Фев 2012 12:59:43

Поделиться522Ср, 22 Фев 2012 13:07:22

Поделиться523Ср, 22 Фев 2012 13:28:03

Поделиться524Ср, 22 Фев 2012 13:40:45

Поделиться525Ср, 22 Фев 2012 13:42:13

Поделиться526Ср, 22 Фев 2012 13:52:03

Поделиться527Ср, 22 Фев 2012 13:58:12

Поделиться528Ср, 22 Фев 2012 14:07:02

Поделиться529Ср, 22 Фев 2012 14:09:47

Поделиться530Ср, 22 Фев 2012 14:24:35

Поделиться531Ср, 22 Фев 2012 14:35:12

Поделиться532Ср, 22 Фев 2012 14:40:29

Поделиться533Ср, 22 Фев 2012 14:44:41

Поделиться534Ср, 22 Фев 2012 14:45:53

Поделиться535Ср, 22 Фев 2012 14:55:28

Поделиться536Ср, 22 Фев 2012 14:59:53

Поделиться537Ср, 22 Фев 2012 15:01:23

Поделиться538Ср, 22 Фев 2012 15:03:10

Поделиться539Ср, 22 Фев 2012 15:15:05

Поделиться540Ср, 22 Фев 2012 15:25:03