• Страница 1 из 1
  • 1
Нужен Код.

Maestro
VIP
Сообщений 1046
+
+11394
-
Ваши награды 35
Maestro написал: отредактировал: ChipMunk - Вторник, 03.07.2012, 18:22 В ответ пользователя Maestro Написано 03 Июля 2012 в 18:21
1<\' onclick=\'this.select();\' style=\'width:95%;text-align: center; height:20px; margin-top:15px;\'/>');" style="text-align:right; margin-left:19px;">Сообщение № 1
Нужно узнать каким образом сделать вот эти 2 вида информации и википедии, вот фото:

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


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

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

Kelin
Проверенные
Сообщений 2049
+
+3543
-
Ваши награды 18
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
А Как сделать закругленные углы?

Яндeкс
Пользователи
Сообщений 24
+
+60
-
Ваши награды 2
ALFA,
Code
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

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

ALFA
Пользователи
Сообщений 23
+
+31
-
Ваши награды 1
Яндeкс, что то не то sad

Яндeкс
Пользователи
Сообщений 24
+
+60
-
Ваши награды 2
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
Янд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
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
Яндeкс, Большое спасибо:)

Яндeкс
Пользователи
Сообщений 24
+
+60
-
Ваши награды 2
ALFA, обращайся wink

Maestro
VIP
Сообщений 1046
+
+11394
-
Ваши награды 35
Kelin, спс
подпись:


Maestro
  • Страница 1 из 1
  • 1
Поиск:
Топ пользователей: