Мобильный LiveInternet Wordpress: Как украсить тег more | Обо_всем_и_не_о_чём

Авторизация

Дневник Обо_всем_и_не_о_чём Лента друзей - Дневник - Полная версия

Wordpress: Как украсить тег more 01-06-2010 18:40 к комментариям - к полной версии - понравилось!

Это цитата сообщения FlashStudio Оригинальное сообщение

Wordpress: Как украсить тег more

С удивлением для себя обнаружила, что в Wordpress предусмотрен специальный класс, с помощью которого можно оформит ссылку more. Давайте посмотрим, как этим можно воспользоваться.

[484x226]

Чтобы раскрасить ссылку, посмотрите пример оформления:

    
            1
            .more-link { 
        
            2
                       border: thin solid black; 
        
            3
                       background: red; 
        
            4
                       font-size: 16px; 
        
            5
                       color: white; 
        
            6
                      }

Этот код нужно вставить в файл style.css.
А может поступим более радикально, и добавим в ссылку какую-нибудь картинку?
Открываем файл style.css и вписываем туда примерно это:

    
            1
            .more-link img { 
        
            2
                                width: 200px; 
        
            3
                                height: 100px; 
        
            4
                                padding: 5px; 
        
            5
                                background:url(http://вашсайт.ru/more.png) no-repeat left center; 
        
            6
                          }

Обратите внимание на http://вашсайт.ru/more.png -- это ваша картинка, которая будет являться ссылкой more. Экспериментируйте!

вверх^ к полной версии понравилось! в evernote

Вы сейчас не можете прокомментировать это сообщение.

Дневник Wordpress: Как украсить тег more | Обо_всем_и_не_о_чём - Дневник Обо_всем_и_не_о_чём | Лента друзей Обо_всем_и_не_о_чём / Полная версия Добавить в друзья Страницы: раньше»