Эффект текста - Изображение в CSS / JQuery - PullRequest
0 голосов
/ 10 декабря 2010

Я пытаюсь продублировать этот текст либо в jquery, либо в css, но пока не смог.У кого-нибудь есть идеи, потому что я свежая:

Text-Color: 4F4F4F
Shadow-Color: E7EAEE

alt text

Ответы [ 2 ]

1 голос
/ 10 декабря 2010

Вы пытались создать функцию jQuery, которая считывала бы дату и находила соответствующее изображение?

Замена текста - это единственный "безопасный" способ получить пользовательский шрифт в Интернете.Некоторые веб-сайты предлагают странную обходную схему, где у них есть шрифты, которые вы можете использовать - но вы должны платить, и большинство их шрифтов выглядят ужасно.

Я создал скрипт замены текста в изображение в jQuery для этого site , поскольку клиент продолжал настаивать на всех пользовательских шрифтах везде.(да, я знаю, что предварительная загрузка на нем длинная, но весь сайт более или менее состоит из изображений: c).

Вот пример скрипта из раздела ссылок:

   //replacing all links with coresponding images
        $('#nav li a').each(function() {
          //this "reads" the text and saves it into a variable simply named string (a bit faux-paux…)
          string = $(this).text();

          //this gets the filename out of the link text
          filename = string.toLowerCase().replace(/ /g, '-').replace(/([^0-9a-z-])/g,'');             

          //this puts an image into the li anchor tag over the text
          $(this).html('<img src="images/link-' + filename + '.png" />');
          $('#nav li a').css({
            'position' : 'relative',
            'top' : '-20px'
          });

Я хотел бы предупредить вас, что злоупотребление этой системой приведет к ужасным временам загрузки.Я говорю пока придерживайтесь универсальных шрифтов и используйте это невероятно экономно.Я был вынужден чрезмерно использовать это, и пользователь - человек, который платит за это в конце.

0 голосов
/ 10 декабря 2010

Ваш CSS должен выглядеть так:

color: #4f4f4f;
text-shadow: #e7eaee 2px -2px 2px;

Аргументы text-shadow: <color> <x-coordinate> <y-coordinate> <blur>

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...