Jump to content

Alphataurus

Newbie
  • Posts

    5
  • Joined

  • Last visited

Information

  • Sex
    мужской
  • From
    Россия

Alphataurus's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Благодарю вас за ответ, npofopr! Похоже, действительно, макет странный, без заголовка, или я не врубился. А то, сперва использовал тут JS: выбрал все текстовое содержимое, разбил его на 2 части, одну из которых обернул в тег <a> и затем вставил все это дело обратно. К чему такие сложности.
  2. На скриншоте выше, после даты, идет единый текст, первая строка которого представляет собой ссылку. Можно, конечно, эту первую строку просто и обернуть в ссылку. Просто интересует, правильно ли это? Ведь с сервера этот кусок информации будет приходить как единое целое, часть которого (а именно, первую строку) нужно будет вставить в ссылку, а другую просто вывести. И мне представляется, что без языка программирования тут не обойтись. Или я чего-то не допонимаю?
  3. Здравствуйте, уважаемые форумчане! Версткой занимаюсь недавно, и пока некоторые вещи ставят в тупик. Проблема следующая: В футере имеется колонка под названием "Из нашего блога", в ней 2 последние записи из некоего блога. В начале каждой записи стоит ее дата, далее - укороченное в три строки начало текста сообщения блога. Первая строка каждого текста сообщения является ссылкой, чтобы щелкнув по ней можно было перейти куда-то к полному сообщению. В общем, не совсем понятно, как правильно верстать эту самую ссылку, в которую должна оборачиваться только первая строка сообщения. Сдается мне, что это делается с помощью языка программирования, ведь сообщения блога регулярно обновляются и длинна первой строки может меняться. Стоит ли тут использовать JavaScript для достижения нужного эффекта, или в верстке достаточно просто обернуть первую строку ссылкой, а остальное решается с помощью серверного языка программирования?
  4. Спасибо за ответ, Vlad. Однако, как я писал, колорзиллой уже пользовался. Вырезал градиент, сохранял его, загружал на сайт, получал код. Только вот результат от colorzilla в данном случае не устроил (цвета визуально отличаются от тех, что в макете, на цветовых переходах отчетливо видны какие-то полосы). Может с каким-то другим градиентом colorzilla и справилась бы хорошо. Вручную, выбирая цвета пипеткой в фотошопе, получилось несравнимо лучше. Но слишком трудоёмко. Правда, colorzilla и тут помогла - уже выбранные цвета прописал на этом сайте, передвигая ползунки распределил их, код опять-же сгенерировался автоматически - только немного его подправил для направления градиента.
  5. Приветствую Всех! Верстаю сайты недавно, пока на любительском уровне. Взялся за этот макет, любезно предоставленный Dimitry Wolotko. И решил тут по максимуму использовать возможности CSS3, но возникла проблемка с градиентами. Хотелось бы их также сделать средствами CSS, а не картинками. Проблема в следующем - не могу найти нормальный способ как-то конвертировать градиенты из макета PSD в правила CSS3? И вообще, существует ли такой способ? В общем, пока не нашел ничего лучше, как вручную тыкать пипеткой и создавать цветовые опорные точки для линейного градиента на CSS. Здесь, к тому же на некоторых картинках и border меняет свой цвет - пришлось его делать полупрозрачным определенного цвета, чтобы сквозь него просвечивал градиент. В итоге сделал таким образом градиент под навигацию. Получилось более-менее похоже на оригинал из макета, но усилий и времени это заняло непомерно. Думаю, так корячиться не стоит. Пробовал также плагин для фотошопа CSS3Ps, но он определяет градиент только у одного слоя, а здесь еще идут какие-то дополнительные слои или наложения кардинально меняющие градиент, которые этот плагин никак не воспринимает. Загружал и градиентную картинку на сайт colorzilla где результат сгенерированного CSS по цветовым переходам оказался весьма далек от оригинала. Может в подобных случаях и не пытаться создавать CSS градиенты, а использовать картинки? Или же существует все-таки какое-то более простое решение для преобразования градиентов из PSD макета в CSS код?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy