Поддержка Вид

LiveInternetLiveInternet

Аватар

сменить

Авось из (+ сутки) дневников

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

Понедельник, 24 Мая 2010 г. 20:27 + в цитатник

Цитата сообщения FlashStudio

Прочитать целиком В свой цитатник или сообщество!

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

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

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

    
            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
                          }