Новости Joomla

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

alexz5

  • Захожу иногда
  • 64
  • 1 / 0
доброе время суток. подскажите, пожалуйста, можно ли с помощью див сделать вот так:
http://templates.allday.ru/flash-templates-type/22865.html
в строках понятно все, а вот в столбцах с разной высотой ячеек мне пока не понятно (еще не делал никогда)

спасибо.
« Последнее редактирование: 09.08.2010, 17:21:40 от alexz5 »
*

ART-DELI

  • Давно я тут
  • 801
  • 75 / 9
  • Не успеешь ты – сделают другие.
Re: вопрос по верстке <div>
« Ответ #1 : 09.08.2010, 15:11:48 »
это вообще то флеш..
*

alexz5

  • Захожу иногда
  • 64
  • 1 / 0
Re: вопрос по верстке <div>
« Ответ #2 : 09.08.2010, 15:17:34 »
я в курсе. поэтому и спрашиваю
*

ART-DELI

  • Давно я тут
  • 801
  • 75 / 9
  • Не успеешь ты – сделают другие.
Re: вопрос по верстке <div>
« Ответ #3 : 09.08.2010, 15:20:19 »
так а причем тут div тогда
*

alexz5

  • Захожу иногда
  • 64
  • 1 / 0
Re: вопрос по верстке <div>
« Ответ #4 : 09.08.2010, 15:22:59 »
можно ли с помощью див сделать так, как на том сайте? флэша не знаю
*

SmokerMan

  • Гуру
  • 5290
  • 720 / 26
Re: вопрос по верстке <div>
« Ответ #5 : 09.08.2010, 15:26:37 »
:)
ну вообще-то это две разные технологии.
С помощью JS или CSS можно. С помощью тэга <div>, наверное нет.
*

Grand1

  • Захожу иногда
  • 59
  • 5 / 1
Re: вопрос по верстке <div>
« Ответ #6 : 09.08.2010, 15:33:33 »
js + CSS, ничего сложного
*

alexz5

  • Захожу иногда
  • 64
  • 1 / 0
Re: вопрос по верстке <div>
« Ответ #7 : 09.08.2010, 15:35:07 »
блин. огорчили вы меня) я думал, что табличку с разными по высоте-ширине ячейками можно будет сделать ДИВом. в принципе если без эффектов и "тупо", я знаю как сделать. но тогда картинки не будут меняться(((
*

alexz5

  • Захожу иногда
  • 64
  • 1 / 0
Re: вопрос по верстке <div>
« Ответ #8 : 09.08.2010, 15:35:56 »
js для меня пока темный лес. к сожалению и стыду
*

SmokerMan

  • Гуру
  • 5290
  • 720 / 26
Re: вопрос по верстке <div>
« Ответ #9 : 09.08.2010, 15:38:51 »
в принципе если без эффектов и "тупо", я знаю как сделать. но тогда картинки не будут меняться(((
если не знаете JS, то это все можно сделать на CSS через background и свойство hover.
*

alexz5

  • Захожу иногда
  • 64
  • 1 / 0
Re: вопрос по верстке <div>
« Ответ #10 : 09.08.2010, 15:47:47 »
через backgroud будет же одна картинка?!
меняющиеся картинки хотел делать вот так:
<img src="images/ФАЙЛ1" onmouseover="this.src='images/ФАЙЛ2';"  onmouseout="this.src='images/ФАЙЛ1';">
*

Grand1

  • Захожу иногда
  • 59
  • 5 / 1
Re: вопрос по верстке <div>
« Ответ #11 : 09.08.2010, 15:58:15 »
через backgroud будет же одна картинка?!
в CSS
img{
background:url('img1');
}
img:hover{
background:url('img2');
}
По эффектам в инете много уже готовых примеров.
блин. огорчили вы меня) я думал, что табличку с разными по высоте-ширине ячейками можно будет сделать ДИВом. в принципе если без эффектов и "тупо", я знаю как сделать. но тогда картинки не будут меняться(((
Так и есть. Верстаете на дивах, а в стилях задаете ширину, высоту и обтекаемость.
*

pika4y

  • Осваиваюсь на форуме
  • 24
  • 3 / 0
Re: вопрос по верстке <div>
« Ответ #12 : 09.08.2010, 16:01:06 »
Если флешом владеете то c js проблем не будет. Тут js в флеше as
*

alexz5

  • Захожу иногда
  • 64
  • 1 / 0
Re: вопрос по верстке <div>
« Ответ #13 : 09.08.2010, 16:12:36 »
в CSS
img{
background:url('img1');
}
img:hover{
background:url('img2');
}
По эффектам в инете много уже готовых примеров.Так и есть. Верстаете на дивах, а в стилях задаете ширину, высоту и обтекаемость.
чет я наверное все-таки бамбук. вы прописали - картинка в бэке одна и меняться на другую при наведении курсора. а я хочу чтоб их было штук 8-12 вразнобой и разные по размеру. и каждая менялась бы при onmouseover. если я разные размеры-обтекаемость пропишу в CSS дивa, они же все равно будут в ряд и там где имг меньше будет пустое пятно

*

Grand1

  • Захожу иногда
  • 59
  • 5 / 1
Re: вопрос по верстке <div>
« Ответ #14 : 09.08.2010, 16:21:11 »
чет я наверное все-таки бамбук. вы прописали - картинка в бэке одна и меняться на другую при наведении курсора. а я хочу чтоб их было штук 8-12 вразнобой и разные по размеру. и каждая менялась бы при onmouseover. если я разные размеры-обтекаемость пропишу в CSS дивa, они же все равно будут в ряд и там где имг меньше будет пустое пятно
Тьфу блин. Не то написал:)
Вот так.
div{
background:url('img1');
}
div:hover{
background:url('img2');
}
Для каждого дива свой класс. Счас набросаю, скину код. Вопрос - сайт фиксированой ширины или растягивается на все окно?
*

alexz5

  • Захожу иногда
  • 64
  • 1 / 0
Re: вопрос по верстке <div>
« Ответ #15 : 09.08.2010, 16:31:13 »
фикс
*

Grand1

  • Захожу иногда
  • 59
  • 5 / 1
Re: вопрос по верстке <div>
« Ответ #16 : 09.08.2010, 16:47:17 »
Вот. Естественно, замените в бекграунде с цвета на свои изображения (для каждого дива задайте свой рисунок), ну и бордер тоже можно удалить, эт я для своего удобства задал.
Код: html4strict
<style type="text/css">
<style type="text/css">
div {
border:1px #fa0 solid;
margin:0; padding:0;
display:inline-block;
background:#0C0;
}
div:hover {
background:#06C;
}
li {float:left;}
</style>
</head>
<body>
<div style="margin:0 auto; width:408px; display:block; background:none;">
<ul style="margin:0; padding:0; list-style:none; width:406px; height:20px; border:1px #333 solid;">
<li></li>
    <li></li>
  <li></li>
    <li></li>
</ul>
<div style="clear:both; border:none; display:block;"></div>
<div style="width:100px; height:100px; float:left;"></div>
<div style="width:100px; height:100px; float:left;"></div>
<div style="width:100px; height:100px; float:left;"></div>
<div style="width:100px; height:120px; float:left';"></div>
<div style="clear:both; border:none;display:block;"></div>
<div style="width:120px; height:100px; float:left; margin-top:-20px;"></div>
<div style="width:182px; height:130px; float:left; margin-top:-20px;"></div>
<div style="width:100px; height:110px; float:left';"></div>
<div style="clear:both; border:none;display:block;"></div>
<div style="width:120px; height:125px; float:left; margin-top:-30px;"></div>
<div style="width:90px; height:95px; float:left;"></div>
<div style="width:192px; height:95px; float:left; "></div>
</div>
</body>
« Последнее редактирование: 09.08.2010, 16:51:36 от Grand1 »
*

alexz5

  • Захожу иногда
  • 64
  • 1 / 0
Re: вопрос по верстке <div>
« Ответ #17 : 09.08.2010, 17:07:52 »
охренеть :o
Grand1,  :D :D :D :D :D :D :D :D :D :D :D :D :D :D :D :D
все работает. не ожидал такого развернутого ответа. огромное спасибо.
*

Grand1

  • Захожу иногда
  • 59
  • 5 / 1
Re: вопрос по верстке <div>
« Ответ #18 : 09.08.2010, 17:15:27 »
...все работает. не ожидал такого развернутого ответа. огромное спасибо.
Пожалуйста. Кстати код надо нужно немного почистить, ну тут уж я думаю сами разберетесь.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вопрос по плагину plg_nopdf о генерации PDF

Автор Elimelech

Ответов: 0
Просмотров: 5260
Последний ответ 31.03.2018, 20:42:39
от Elimelech
Сайт знак вопрос

Автор baguta92

Ответов: 5
Просмотров: 4372
Последний ответ 24.01.2018, 13:43:58
от stendapuss
Вопрос по настройке новостной ленты на главной странице сайта

Автор jaff

Ответов: 13
Просмотров: 7710
Последний ответ 15.09.2017, 15:49:19
от sect
Нагрузка на сервер - РЕШЕНО

Автор se_demon

Ответов: 20
Просмотров: 7517
Последний ответ 13.08.2016, 13:55:25
от Escander
Вопрос по оформлению карты сайта

Автор jess

Ответов: 2
Просмотров: 1371
Последний ответ 03.02.2016, 01:07:04
от jess