Нужен Код. - Форум
Страница 1 из 11
Форум » Форум веб мастеров » html & css » Нужен Код.
Нужен Код.

Maestro
VIP
Сообщений 1046
+
+11394
-
Ваши награды 35
Maestro написал: отредактировал: ChipMunk - Вторник, 03.07.2012, 18:22 В ответ пользователя Maestro Написано 03 Июля 2012 в 18:21
Сообщение № 1
Нужно узнать каким образом сделать вот эти 2 вида информации и википедии, вот фото:

А вот ссылка:
подпись:


Maestro
«Пред. тема След. тема»

ESPRIT
Пользователи
Сообщений 24
+
0
-
Ваши награды 0
ESPRIT написал: В ответ пользователя ESPRIT Написано 03 Июля 2012 в 18:33
Сообщение № 2
думаю bb код но можно и ручками замутить ток это html будет,если надо обращайся рипну =)

Kelin
Проверенные
Сообщений 2046
+
+3522
-
Ваши награды 18
Kelin написал: В ответ пользователя Kelin Написано 03 Июля 2012 в 19:29
Сообщение № 3
ChipMunk, брал эти таблички месяца 3 назад, уж больно понравились biggrin
HTML gray:
Code
<div id="gray"><div style="display:table-cell;width:32px;padding:5px;"><img src="http://forum.ucoz.ru/img/wikipedia.png"></div><div style="display:table-cell;vertical-align:top;padding:7px;">Тут твой текст типа</div></div>

CSS gray:
Code
#gray {border: 1px solid #B5B5B5; background-color: #F4F4F4; padding: 8px 11px; font-size: 10pt; margin: 0px; color: black;}




HTML blue:
Code
<div id="blue"><div style="display:table-cell;width:32px;padding:5px;"><img src="http://forum.ucoz.ru/img/package-new.png"></div><div style="display:table-cell;vertical-align:top;padding:7px;">Тут твой текст типа</div></div>

CSS blue:
Code
#blue {border: 1px solid #9DBDFF; background-color: #E1EBFF; padding: 8px 11px; font-size: 10pt; margin: 0px; color: black;}
подпись: Kelin

ALFA
Пользователи
Сообщений 23
+
+31
-
Ваши награды 1
ALFA написал: В ответ пользователя ALFA Написано 03 Июля 2012 в 19:47
Сообщение № 4
А Как сделать закругленные углы?

Яндeкс
Пользователи
Сообщений 24
+
+60
-
Ваши награды 2
Яндeкс написал: В ответ пользователя Яндeкс Написано 03 Июля 2012 в 20:09
Сообщение № 5
ALFA,
Code
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

Deni_Coste
VIP
Сообщений 532
+
+1460
-
Ваши награды 6
Deni_Coste написал: В ответ пользователя Deni_Coste Написано 03 Июля 2012 в 20:23
Сообщение № 6
Kelin,спасибо
подпись: ╔► Я на webo4ke с - 07.04.2012
╠► Пользователь -> Проверенный -> Модератор -> VIP
╚► Я знаком с uCoz 3 года
__________________
html - 80%
CSS - 50%
JS - 76%
__________________ Deni_Coste

ALFA
Пользователи
Сообщений 23
+
+31
-
Ваши награды 1
ALFA написал: В ответ пользователя ALFA Написано 03 Июля 2012 в 20:23
Сообщение № 7
Яндeкс, что то не то sad

Яндeкс
Пользователи
Сообщений 24
+
+60
-
Ваши награды 2
Яндeкс написал: В ответ пользователя Яндeкс Написано 03 Июля 2012 в 20:32
Сообщение № 8
ALFA, не может быть такого)
в css:

Code
.rtttrgfgvvcs {-webkit-border-radius: 10px;  
-moz-border-radius: 10px;  
border-radius: 10px;}


Это html:

Code
<div class="rtttrgfgvvcs">сюда вставляешь то, что нужно закруглить</div>

ALFA
Пользователи
Сообщений 23
+
+31
-
Ваши награды 1
ALFA написал: В ответ пользователя ALFA Написано 03 Июля 2012 в 20:43
Сообщение № 9
Яндeкс,
И так я поставил это в css:
Code
.rtttrgfgvvcs {-webkit-border-radius: 10px;   
-moz-border-radius: 10px;   
border-radius: 10px;}


А это на страницу:

Code
<div class="rtttrgfgvvcs"><div id="gray"><div style="display:table-cell;width:32px;padding:5px;"><img src="http://forum.ucoz.ru/img/wikipedia.png"></div><div style="display:table-cell;vertical-align:top;padding:7px;">Тут твой текст типа</div></div></div>


И все равно квадратные блоки sad

Яндeкс
Пользователи
Сообщений 24
+
+60
-
Ваши награды 2
Яндeкс написал: В ответ пользователя Яндeкс Написано 03 Июля 2012 в 20:56
Сообщение № 10
ALFA,
Code
<div id="gray"><div style="display:table-cell;width:32px;padding:5px;"><img src="http://forum.ucoz.ru/img/wikipedia.png"></div><div style="display:table-cell;vertical-align:top;padding:7px;">Тут твой текст типа</div></div>

<style>
#gray {border: 1px solid #B5B5B5; background-color: #F4F4F4; padding: 8px 11px; font-size: 10pt; margin: 0px; color: black;-webkit-border-radius: 10px;    
-moz-border-radius: 10px;    
border-radius: 10px;}
</style>


Вот так работает. Проверял.

ALFA
Пользователи
Сообщений 23
+
+31
-
Ваши награды 1
ALFA написал: В ответ пользователя ALFA Написано 03 Июля 2012 в 21:17
Сообщение № 11
Яндeкс, Большое спасибо:)

Яндeкс
Пользователи
Сообщений 24
+
+60
-
Ваши награды 2
Яндeкс написал: В ответ пользователя Яндeкс Написано 03 Июля 2012 в 22:17
Сообщение № 12
ALFA, обращайся wink

Maestro
VIP
Сообщений 1046
+
+11394
-
Ваши награды 35
Maestro написал: В ответ пользователя Maestro Написано 04 Июля 2012 в 12:41
Сообщение № 13
Kelin, спс
подпись:


Maestro
Форум » Форум веб мастеров » html & css » Нужен Код.
Страница 1 из 11
Поиск:
Топ пользователей: