Категории

[FAQ] Часто задаваемые вопросы и ответы

Проблемы и решения

Ошибки и исправления

Общие вопросы

Расширения

Установка и обновление

Модули

Шаблоны

Локализация интерфейса

Коммерческие предложения

Учимся бизнесу

Бизнес книги

Поисковая оптимизация (SEO)

Магазины на ShopOS

Хостинг для ShopOS

Предложения и пожелания

Курилка

подходит ли такой цвет под магазин ?

посоветуйте, может чего нужно изменить


Цвета норм.
Ток блок поиска в шапке слева.... поле для текста мелкое, а select в два раза больше.


все понял, селект будет для каждого другой  ;)


заметил, что  под осла закруленные углы не работают  :(


да. под ослов круглые углы не пашут через border-radius и т.д... ну в ie9 вроде как должно работать, хтя...

можно круглые углы через jquery сделать. правда не знаю насколько эт нужно.
найти кучу вариантов можно гугле


Спасибо, сижу пробую круглить.
Мне вот никак не получается закруглить только один угол, есть может решение ?


Через CSS так круглить разные углы.


border-bottom-left-radius: 6px 6px;
border-bottom-right-radius: 6px 6px;
border-top-left-radius: 6px 6px;
border-top-right-radius: 6px 6px;


А ты через что border-radius делаешь?


jquery брал тут http://jquery.malsup.com/corner/

два угла научился круглить а вот один никак

<div class="demo" data-corner="top 8px"><h1>Round</h1> <p>$(this).corner();</p></div>


А так не получится?
$(this).corner("tl");
tl - top left(верхний левый угол)



А так не получится?
$(this).corner("tl");
tl - top left(верхний левый угол)


круто  ;)


пол дня пытаюсь пихнуть форму входа в блок который основан jquery, но с левыми тэгами круглые углы пропадают.  :-\


Вот где у тебя один угол закруглен сделай так
$('#test').corner("tl");
#test - id дива который надо закруглить. Вместо id(#) можно попробовать еще и класс(. точка), тогда и в html вместо id="test" надо сделать - class="test", а в скрипте .test вместо #test
tl - какой угол закруглять.


да углы то я уже все закругляю, но когда вставиль форму входа магазина, то просто становится квадрат  :-\


Т.е. после того как подключил JS формы? Я просто не оч понял.


например так

<script type="text/javascript">

    // test auto-ready logic - call corner before DOM is ready

    $('#readyTest').corner();

   

    $(function(){

$('#dynCorner').click(function() {

$('#dynamic').corner();

});

$('#dynUncorner').click(function() {

$('#dynamic').uncorner();

});



        $('div.inner').wrap('<div class="outer"></div>');

        $('p').wrap("<code></code>");



        $('div.demo, div.inner').each(function() {

            var t = $('p', this).text();

            eval(t);

        });



        // fixed/fluid tests

        $("div.box, div.plain").corner();

        $("#abs").corner("cc:#08e");



$('.myCorner').corner();

    });

</script>

и вот напр. подключаемая JS форма входа в маг
    <div class="demo" data-corner="tl 8px"><h1>Round</h1> <p><form method="post"action="http://localhost/topmarket.pp/login.php?action=process"><input type="text"name="email_address"><input type="password"name="password"></form></p></div>

если убрать эту форму
<form method="post"action="http://localhost/topmarket.pp/login.php?action=process"><input type="text"name="email_address"><input type="password"name="password"></form>

то угол закругляется


может скинешь куда-то код? Чтобы потестить можно было.


пожалуйста


Я имел ввиду полный код формы авторизации и того, что ты сделал. Т.е. html, css.
этот код то я знаю прекрасно)


В этих файлах которые я выложил есть та форма и все остальные необходимые файлы, дело такого рода, там как я понял написан непонятный фрагмент кода в JS

<script type="text/javascript">

    // test auto-ready logic - call corner before DOM is ready

    $('#readyTest').corner();

   

    $(function(){

$('#dynCorner').click(function() {

$('#dynamic').corner();

});

$('#dynUncorner').click(function() {

$('#dynamic').uncorner();

});



        $('div.inner').wrap('<div class="outer"></div>');

        $('p').wrap("<code></code>");



        $('div.demo, div.inner').each(function() {

            var t = $('p', this).text();

            eval(t);

        });



        // fixed/fluid tests

        $("div.box, div.plain").corner();

        $("#abs").corner("cc:#08e");



$('.myCorner').corner();

    });

</script>

что если начинаешь редактировать
<div class="demo" data-corner="tl tr 8px"><h1>Round</h1> <p>$(this).corner();2</p></div>

например так
<div class="demo" data-corner="tl tr 8px"><h1>Round</h1> <p><table><tr><td>ПРОБА</td></tr></table></p></div>

То кагбы jquery уже перестает работать, как тогда вставлять таблицы, формы и т.д.. ?


вот ;D

<!doctype html>
<html>
<head>
<title>JQuery Corner Demo</title>
<style type="text/css">
.block-login {background:red;padding:20px;float:left;width:300px;margin-right:50px;}
.block-any {background:blue;padding:20px;float:left;width:300px;margin-right:50px;}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://github.com/malsup/corner/raw/master/jquery.corner.js?v2.11"></script>

<script type="text/javascript">
    $('.block-login').corner("top 8px");
    $('.block-any').corner("tl 8px");
</script>

</head>
<body>

    <div class="block-login" >
<p>
<form method="post"action="http://localhost/topmarket.pp/login.php?action=process">
<input type="text"name="email_address">
<input type="password"name="password">
</form>
</p>
</div>
   
<div class="block-any">
<p>тут какой-то текст</p>
</div>

</body>
</html>


не нужно в самом диве писать настройки бордера. это как ра JQ corner подгружает. тебе надо только класс указать и все. радиус и угол задавать в JS


оо, то что надо  ;)
Только вот input select не круглит в IE


ага. не круглит. надо подложный див делать.


как это делать ? просто добавить див ?  :)


надо обернут input или select поле в див
и написать че-то вроде такого

<div class="class-any"><input type="text"....></div>

.class-any {width:200px;background:#ffffff;}
.class-any input {width:190px;padding:2px 5px 2px 5px;border:none;background:transparent;}

и попробовать задать в JQcorner округление для .class-any

должно сработать


огромно спасибо!!!
Только, есть конфликт со слайдером  :(


всегда пожалуйста)))

с каким именно слайдером конфликт?



всегда пожалуйста)))

с каким именно слайдером конфликт?

работает, работает, это я партанул гдето в плагине  :)


Источник



Copyright ShopOS