Вопросы по CSS

Kip-OK

4 авг 2012 г., 15:58

Йытлеж Пок пик

diabloser, еще год пройдет как окончательно утвердят стандарты html5

Fublin

4 авг 2012 г., 16:42

Kip-OK (04.08.2012/12:58)
diabloser, еще год пройдет как окончательно утвердят стандарты html5

Ну и не буит никто видеть эти плюшки еще долго. У нас не пиндосия где старые девайсы выбрасывают. У нас древние самсунги в наследцтво переходят

diabloser

4 авг 2012 г., 17:12

Fublin (04.08.2012/13:42)
Ну и не буит никто видеть эти плюшки еще долго. У нас не пиндосия где старые девайсы выбрасывают. У нас древние самсунги в наследцтво переходят

темболее девайсы как и раньше дорогие не 3 копейки стоят

Fublin

4 авг 2012 г., 17:28

diabloser, У нас средняя з/п 5000 рублей.

L!MP

4 авг 2012 г., 17:35

Fublin, diabloser, дальше по теме

Экономическую ситуацию в постсоветских странах нужно обсуждать в других темах.

diabloser

4 авг 2012 г., 19:37

L!MP (04.08.2012/14:35)
Fublin, diabloser, дальше по теме
Экономическую ситуацию в постсоветских странах нужно обсуждать в других темах.

понял тебя брат

и так по теме, помучавщись вот что у меня получилось на css
пример http://wapfik.tk/element.html
код

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<style>
.linkes {  
margin-top:10px;
margin-left: 10px;
background: -webkit-gradient(linear,left top,left bottom,from(#3d3d3c),to(#2e2e2d));
padding: 20px ; 
padding-left: 35px ; 
color:#55da04; 
font-size:12pt;
border-radius: 15px 15px 15px 15px;
}
.tou {
margin-top: 1px;
color: white;
font-size: 12pt;
width:18px;
height:18px;
background-color: #2222ff;
border-radius: 9px 9px 9px 9px;
margin-right: 10px;
text-align:center;
float: right;
}
</style>

<a href="http://wapfik.tk"> <div class="linkes"> Загрузки <div class="tou"> &gt; </div></div></a>


</body>
</html>

скрин

Прикрепленные файлы:

343

(2.47 KB)

2456.png

Cron

4 авг 2012 г., 19:46

Изменено

forever young

Не правильное решение проблемы, точнее не совсем хорошее

Стоит посмотреть в сторону <ul><li>ссылка</li></ul>

Так же

background: -webkit-gradient(linear,left top,left bottom,from(#3d3d3c),to(#2e2e2d));

нужно писать background-image: -webkit-gradient(linear,left top,left bottom,from(#3d3d3c),to(#2e2e2d));
И не забывай , что кроме префикса -webkit есть и другие, дизайн должен быть кроссплатформенным

diabloser

4 авг 2012 г., 19:55

Cron (04.08.2012/16:46)
Не правильное решение проблемы, точнее не совсем хорошее

Стоит посмотреть в сторону <ul><li>ссылка</li></ul>

Так же нужно писать background-image: -webkit-gradient(linear,left top,left bott

ну это я знаю про o-lianer-gradient там для разных арбузов надо делать , скажи братишь вот решение на сss стрелочки справа примерно как я написал или можно легче ?

Cron

4 авг 2012 г., 20:11

forever young

diabloser (04.08.2012/16:55)
ну это я знаю про o-lianer-gradient там для разных арбузов надо делать , скажи братишь вот решение на сss стрелочки справа примерно как я написал или можно легче ?

Можно сделать правильнее через ul и li:

<?php
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<style>

.linkes {
margin: 2px;
padding: 2px;
list-style-type: none;
position: relative;
}

.linkes li {
background: #3d3d3c; 
background: -moz-linear-gradient(top, #3d3d3c, #2e2e2d);
background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#3d3d3c), color-stop(100%,#2e2e2d));
background: -webkit-linear-gradient(top, #3d3d3c, #2e2e2d);
background: -o-linear-gradient(top, #3d3d3c, #2e2e2d); 
background: -ms-linear-gradient(top, #3d3d3c, #2e2e2d); 
background: linear-gradient(top, #3d3d3c, #2e2e2d);
color: #a90057;
display:block;
border-radius: 9px;
font-size: 17px;
}

.linkes li a {
background: url(right.png) no-repeat; //ссылка на стрелку
background-position: 98% center;
display:block;
padding: 20px;
}
</style>

<ul class="linkes"><li><a href="http://wapfik.tk">Загрузки</a></li></ul>


</body>
</html>

Как то так

diabloser

4 авг 2012 г., 20:14

Cron, спасибо буду юзать как ты говоришь

с li и ul