Как закруглять углы
Dima199
Дата: Среда, 28.12.2011, 10:13 | Сообщение # 1
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Пользователи
Сообщений: 16
Вообщем еть фон на этом фоне еть белый квадрат.Как мне у этого квадрата закруглить углы?
djkefir
Дата: Среда, 28.12.2011, 10:33 | Сообщение # 2
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Аспирант
Группа: Фотошоперы
Сообщений: 577
Прописываете стиль Code
border-radius: здесь радиус закругления угла в пикселях;
Помоему так пишется
Подпись пользователя djkefir Любишь кино? Тогда тебе сюда 5starmovies.ru
Dima199
Дата: Среда, 28.12.2011, 10:54 | Сообщение # 3
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Пользователи
Сообщений: 16
Можно полностью пример со стилями я не разу не делал так.И самим кодом
djkefir
Дата: Среда, 28.12.2011, 11:44 | Сообщение # 4
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Аспирант
Группа: Фотошоперы
Сообщений: 577
Ну вот например таблица Code
<table> <tr style="border-radius: 3px;"><td></td></tr> </table>
В таком коде радиус закругления углов будет 3 пикселя
Подпись пользователя djkefir Любишь кино? Тогда тебе сюда 5starmovies.ru
STAFF
Дата: Среда, 28.12.2011, 12:32 | Сообщение # 5
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
-=VIP UcozonGroup=-
Группа: UcozonGroup
Сообщений: 757
Dima199 , Вам действительно нужно писать подробнее, от куда мы знаем что у вас там за квадрат ? может это вообще картинка ? А у этого квадрата есть свои стили ? если да то можно и так сделать: Code
Elclass { border:1px solid #f4f4f4; background:#ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:4px; color:gray; }
Потом в div его использовать Code
<div class="Elclass"> .... </div>
Dima199
Дата: Среда, 28.12.2011, 12:58 | Сообщение # 6
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Пользователи
Сообщений: 16
Можно весь код белым квадратом и закругленми углами.Желательно чтоб отот белыйквадрат можно было регулировать по ширене
STAFF
Дата: Среда, 28.12.2011, 13:09 | Сообщение # 7
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
-=VIP UcozonGroup=-
Группа: UcozonGroup
Сообщений: 757
Code
<div style="border:1px solid #ccc; background:#f4f4f4; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:4px;"> <span style="color:gray;">....</span> </div>
Dima199
Дата: Среда, 28.12.2011, 13:30 | Сообщение # 8
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Пользователи
Сообщений: 16
А что за цвет чисто белый без оттенка серого?Добавлено (28.12.2011, 13:20) --------------------------------------------- Вот еще .Я кодами никокда неработал. Как можно еще на этом белом фоне сделать 3 столбца Каждый которй можно было регулировать по ширене?
Добавлено (28.12.2011, 13:30) --------------------------------------------- И как задать нужную ширину этому квадрату7
STAFF
Дата: Среда, 28.12.2011, 14:01 | Сообщение # 9
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
-=VIP UcozonGroup=-
Группа: UcozonGroup
Сообщений: 757
Quote (Dima199 )
Как можно еще на этом белом фоне сделать 3 столбца Каждый которй можно было регулировать по ширене?
Добавьте внутри этого div'а таблицы, или еще один div но с другим классом. Quote (Dima199 )
И как задать нужную ширину этому квадрату7
внутри "style" добавьте эти коды Code
width:100%; height:35%;
>width:100%; - width это ширина, а цифры можете изменить под свои нужды, можно и в пикселях. >height:35%; - height это высота элемента, так же можете изменить размеры в пикселях под свои нужды.
Dima199
Дата: Среда, 28.12.2011, 14:14 | Сообщение # 10
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Пользователи
Сообщений: 16
Можно на примере этими класами?
STAFF
Дата: Среда, 28.12.2011, 14:31 | Сообщение # 11
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
-=VIP UcozonGroup=-
Группа: UcozonGroup
Сообщений: 757
Я вас не понимаю, что вы хотите.. покажите скриншоты, чтобы я сразу дал вам код и пример, если требуется...
Dima199
Дата: Среда, 28.12.2011, 15:59 | Сообщение # 12
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Пользователи
Сообщений: 16
Code
<link href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" /> <div align="center"> <table width="90%" cellpadding="0" cellspacing="0" border="0"> <tr> <td ><img src="{THEME}/images/border_14.png" /></td> <td background="{THEME}/images/border_15.png"></td> <td ><img src="{THEME}/images/border_18.png" /></td> </tr> <tr> <td valign="top"><img src="{THEME}/images/border_19.png" /></td> ...... <td style="border:1px solid #ccc; background:#ffffff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:4px; width:990%; height:35%;" valign="top">...........</td> <td valign="top"><img src="{THEME}/images/border_21.png" /></td> </tr> <tr> <td background="{THEME}/images/border_22.png"></td> <td valign="top"> </td> <td width="17" background="{THEME}/images/border_24.png"></td> </tr> <tr> <td width="17" height="17"><img src="{THEME}/images/border_26.png" /></td> <td background="{THEME}/images/border_28.png"></td> <td width="17" ><img src="{THEME}/images/border_29.png" /></td>
Вот скрин:Скрин Не могу поставить шапку между огранкой и белым.Добавлено (28.12.2011, 15:59) --------------------------------------------- Хелп
Сообщение отредактировал Dima199 - Среда, 28.12.2011, 14:56
STAFF
Дата: Среда, 28.12.2011, 16:13 | Сообщение # 13
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
-=VIP UcozonGroup=-
Группа: UcozonGroup
Сообщений: 757
Эм... так вставьте где точки
Dima199
Дата: Среда, 28.12.2011, 22:01 | Сообщение # 14
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Пользователи
Сообщений: 16
Вставить та вставляю но не получается у меня между этой огранки и белм квадратомДобавлено (28.12.2011, 17:40) --------------------------------------------- Хелп
Добавлено (28.12.2011, 18:04) --------------------------------------------- Поправил код
Code
<tr> <td> <div id="loading"></div> </td> </tr> <tr> <td> <table width="90%" height="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="17" height="17"><img src="{THEME}/images/border_14.png" /></td> <td background="{THEME}/images/border_15.png"></td> <td width="17" height="17"><img src="{THEME}/images/border_18.png" /></td> </tr> <tr> <td width="17" height="461" valign="top"><img src="{THEME}/images/border_19.png" /></td> <td bgcolor="#151515" valign="top"></td> <td width="17" height="461" valign="top"><img src="{THEME}/images/border_21.png" /></td> </tr> <tr> <td width="17" height="100%" background="{THEME}/images/border_22.png"></td> <td bgcolor="#151515" valign="top"> <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top: -461px; position: relative;"> <tr> pp <td width="182" valign="top"> <td style="border:1px solid #ccc; background:#ffffff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:4px; width:990%; height:100%;" > .......................тест </td> </tr> </table> </td> <td width="17" background="{THEME}/images/border_24.png"></td> </tr> <tr> <td width="17" height="17"><img src="{THEME}/images/border_26.png" /></td> <td background="{THEME}/images/border_28.png"></td> <td width="17" ><img src="{THEME}/images/border_29.png" /></td> </tr> </table> </td> </tr> <tr> <td height="50" id="footer">
Добавлено (28.12.2011, 18:04) --------------------------------------------- Но картинку все равно сбоку только получаетя втавить
Добавлено (28.12.2011, 18:34) --------------------------------------------- Помогите плиз
Добавлено (28.12.2011, 22:01) ---------------------------------------------
Code
<div align="center"> <tr> <td> <div id="loading"></div> </td> </tr> <tr> <td> <table width="90%" height="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="17" height="17"><img src="{THEME}/images/border_14.png" /></td> <td background="{THEME}/images/border_15.png"></td> <td width="17" height="17"><img src="{THEME}/images/border_18.png" /></td> </tr> <tr> <td width="17" height="461" valign="top"><img src="{THEME}/images/border_19.png" /></td> <td bgcolor="#151515" valign="top"></td> <td width="17" height="461" valign="top"><img src="{THEME}/images/border_21.png" /></td> </tr> <tr> <td width="17" height="100%" background="{THEME}/images/border_22.png"></td> <td bgcolor="#151515" valign="top"> <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top: -461px; position: relative;"> <tr> <td width="182" valign="top"> <div class="block"> {include file="left.tpl"} </div> <td valign="top" align="center"> <div class="page" style="margin-bottom: 15px;"> {include file="rinht.tpl"} </div> </td> </table> </td> <td width="17" background="{THEME}/images/border_24.png"></td> </tr> <tr> <td width="17" height="17"><img src="{THEME}/images/border_26.png" /></td> <td background="{THEME}/images/border_28.png"></td> <td width="17" ><img src="{THEME}/images/border_29.png" /></td> </tr> </div> <br><br><br><br><br><br><br><br><br>
В сем проблема добаляю чтоб внизу был оттуп а он от верху отступает?
Playmanovich
Дата: Среда, 28.12.2011, 22:18 | Сообщение # 15
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Кандидат
Группа: V.I.P персона
Сообщений: 981
Dima199 , слушай дружок ты нижуя не понимаешь в UCOZ и просишь тут помощи я тебе дам совет если очень хочешь норм сайты создавать купи учебник по UCOZ за 40 рублей и ещё сам будешь учить
Подпись пользователя Playmanovich Помог? ставь + !