• Страница 1 из 1
  • 1
Форум » Форум веб мастеров » html & css » Кто бы мог сверстать вид материалов?
Кто бы мог сверстать вид материалов?

iPorn
Проверенные
Сообщений 100
+
+3129
-
Ваши награды 5
iPorn написал: отредактировал: iPorn - Среда, 23.01.2013, 12:34 В ответ пользователя iPorn Написано 23 Января 2013 в 12:34
1<\' onclick=\'this.select();\' style=\'width:95%;text-align: center; height:20px; margin-top:15px;\'/>');" style="text-align:right; margin-left:19px;">Сообщение № 1
Кто то может сверстать вид материалов?
подпись: iPorn
«Пред. тема След. тема»

sorokin_andrey
VIP
Сообщений 400
+
+1651
-
Ваши награды 16
iPorn, я могу, хотя если честно уже месяца 2 не верстал smile
подпись: ╔► Дизайн-студия "Q-Art" - Заказы ∫ Отзывы ∫ Тренировочная sorokin_andrey

iPorn
Проверенные
Сообщений 100
+
+3129
-
Ваши награды 5
sorokin_andrey, буду очень рад если поможешь))
Кто поможет с вёрсткой (там еще блоки будут) нарисую вам макет (по вашим требованиям)
подпись: iPorn

Вовчик
Администратор
Сообщений 8683
+
+2371
-
Ваши награды 316
Код
<div style="background:#fff; border:1px solid #ccc; padding:10px;">
<div style="width:100%;">

<div style="position:relative;">
<div style="background: rgba(0, 0, 0, 0.800); padding:5px; margin-tom:3px; position:absolute; width:790px;">
<div style="float:right;"><img src="http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png"> <font color="#909090">- 4</font> </div>
<div style="background:#805637; color: #fff; font-size: 8pt; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:auto; display: inline; padding:1px 12px 1px 12px; margin-right:3px;">Свято «На гостини до нашоi родини»</div> <font color="#909090"> - 29.02.2012</font>
</div>
</div>

<div style="width:800px; height:200px;"><img src="http://img.desktopwallpapers.ru/auto/pics/8ced969c4a70501218655.jpg" width="800" height="200p"></div>

<div style="position:relative;">
<div style="background: rgba(255, 255, 255, 0.800); padding:5px; position:absolute; bottom:3px; width:790px;">
<div style="float:right;"><div style="background:#805637; color: #fff; font-size: 9pt; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:auto; display: inline; padding:2px 12px 3px 12px; margin-right:3px;">Докладнiше</div></div>
<div style="background:#999; color: #fff; font-size: 9pt; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:auto; display: inline; padding:2px 12px 3px 12px; margin-right:3px;">Категорiя: Цiкаво знати</div>
<div style="background:#999; color: #fff; font-size: 9pt; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:auto; display: inline; padding:2px 12px 3px 12px; margin-right:3px;">Переглядiв: 380</div>
</div>
</div>

<div style="line-height: 2;">28.02.2012 в шашiй школi вiдбулося родинне свято «На гостини до нашоi родини». Батьки разом 3 дiтьми виступали перед учасниками районного семiнару вчителiв початкових класiв. Дякуэмо за активну участь батькiв та учнiв 4-Б класу - класний керiвник Мацейк Надiя Андрiiвна, 2-Б класу - класний керiвник Гадун Валентина Василiвна, 3-А класу - класний керiвник Кондратюк Галина Пантлеiiвна, 2-А класу - класний керiвник Юрко Натаiя Миколаiвна</div>

</div>
</div>


biggrin
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик

Supermenыч
Проверенные
Сообщений 335
+
+213
-
Ваши награды 6
Код
<style>
.formmat{
background:white;
padding:8px;
width:700px;
height:auto;
}
.text{
color:black;
font-family:Arial;
font-size:10pt;
margin-top:3px;
}
.image{
width:100%;
height:150px;
}
.title{
padding:4px 3px 4px 3px;
width:694px;
color:white;
display:block;
background:black;
opacity:0.9;
position:absolute;
margin-top:8px;
}
.titleurl{
font-family:Arial;
font-size:10pt;
background:#815538;
padding:0 4px 0 4px;
display:inline-block;
border-radius:4px;
}
.titleurl1{
font-family:Arial;
font-size:10pt;
background:#898989;
padding:0 4px 0 4px;
display:inline-block;
border-radius:4px;
}
.dalee{
font-family:Arial;
font-size:10pt;
background:#805535;
padding:0 4px 0 4px;
display:inline-block;
border-radius:4px;
float:right;
color:white;
}
.info{
background:#F4E9E5;
padding:4px 3px 4px 3px;
width:694px;
color:white;
display:block;
opacity:0.9;
position:absolute;
margin-top:120px;
}
</style>
<div class="formmat"><div class="image" style="background:url("$IMG_URL1$") !important;"><div class="title"><a href="$ENTRY_URL$" style="color:white;"><span style="margin-left:5px;" class="titleurl">$TITLE$</span></a><div style="display:inline-block;margin-left:3px;"><span style="color:#c0c0c0;font-size:10pt;font-family:arial;"> - $DATE$</span></div></div><div class="info"><div class="titleurl1" style="margin-left:5px;">Категория:$CATEGORY_NAME$</div><div class="titleurl1" style="margin-left:10px;">Просмотров:$READS$</div><a href="$ENTRY_URL$"><div class="dalee" style="margin-right:10px;">Далее</div></a></div></div><div class="text">$MESSAGE$</div></div>


попробуй, сам не тестил тк инет глючит
подпись: HTML ~ 75%
CSS ~ 70%
------------------------------------
Ничто не истинно, всё дозволено... Supermenыч

iPorn
Проверенные
Сообщений 100
+
+3129
-
Ваши награды 5
Вовчик, все кул))
Можешь прописать красиво классы для ссылок, потому что в верстке я полный 0..

Добавлено (23.01.2013, 19:35)
---------------------------------------------
Supermenыч, спасибо за старание, все работает кроме изображения оно не показывается))

подпись: iPorn

Вовчик
Администратор
Сообщений 8683
+
+2371
-
Ваши награды 316
Код
<div style="background:#fff; border:1px solid #ccc; padding:10px;">
<div style="width:100%;">

<div style="position:relative;">
<div style="background: rgba(0, 0, 0, 0.800); padding:5px; margin-tom:3px; position:absolute; width:790px;">
<div style="float:right;"><img src="http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png"> <font color="#909090">- 4</font> </div>
<div class="vova0">Свято «На гостини до нашоi родини»</div> <font color="#909090"> - 29.02.2012</font>
</div>
</div>

<div style="width:800px; height:200px;"><img src="http://img.desktopwallpapers.ru/auto/pics/8ced969c4a70501218655.jpg" width="800" height="200p"></div>

<div style="position:relative;">
<div style="background: rgba(255, 255, 255, 0.800); padding:5px; position:absolute; bottom:3px; width:790px;">
<div style="float:right;"><div class="vova0">Докладнiше</div></div>
<div class="vova1">Категорiя: Цiкаво знати</div>
<div class="vova1">Переглядiв: 380</div>
</div>
</div>

<div style="line-height: 2;">
28.02.2012 в шашiй школi вiдбулося родинне свято «На гостини до нашоi родини». Батьки разом 3 дiтьми виступали перед учасниками районного семiнару вчителiв початкових класiв. Дякуэмо за активну участь батькiв та учнiв 4-Б класу - класний керiвник Мацейк Надiя Андрiiвна, 2-Б класу - класний керiвник Гадун Валентина Василiвна, 3-А класу - класний керiвник Кондратюк Галина Пантлеiiвна, 2-А класу - класний керiвник Юрко Натаiя Миколаiвна
</div>

</div>
</div>

<br><br><br>

<style>
.vova1 {background:#999; color: #fff; font-size: 9pt; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:auto; display: inline; padding:2px 12px 3px 12px; margin-right:3px;}
.vova1:hover {background:#efefef; color:#999;}
.vova0 {background:#805637; color: #fff; font-size: 8pt; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:auto; display: inline; padding:1px 12px 1px 12px; margin-right:3px;}
.vova0:hover {background:#efefef; color: #999; }
</style>
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик
Форум » Форум веб мастеров » html & css » Кто бы мог сверстать вид материалов?
  • Страница 1 из 1
  • 1
Поиск:
Друзья сайта:
Связаться с администратором для дружбы! В Вовчик
Nk-CS.Ru - Лучшие шаблоны для uCoz n na3uTuB4uk94
Web-мастер системы uCoz R Roman_Domnin
Связаться с администратором для дружбы! В Вовчик
Связаться с администратором для дружбы! В Вовчик
Топ пользователей: