- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов
А 24,9% – на сегмент электронной коммерции
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
В стандартном шаблоне Pisces есть кнопка под короткой новостью ПОДРОБНЕЕ , я её сделала Комментарии Вот скрин:
Сама картинка кнопки выглядит так:
А код в файле стилей отвечающий за за эту кнопку вот такой:
.mlink { margin-bottom: 7px; height: 35px; background: #f1f0ed url("../images/mlink.png") no-repeat; }
.mlink .mlink { margin: 0; padding: 4px 3px 0 7px; height: 31px; background: url("../images/mlink.png") no-repeat 100% -35px; }
.argmore a, .argmore a b, .argpoll a, .argpoll a b { float: left; height: 28px; background: url("../images/argmore.png") no-repeat; }
.argpoll a, .argpoll a b { background: url("../images/argpoll.png") no-repeat; }
.argmore a, .argpoll a { margin-left: 5px; float: right; line-height: 24px; color: #fff; text-decoration: none; background-color: #76b41a; }
.argmore a b, .argpoll a b { cursor: pointer; padding: 0 14px; background-position: 100% -28px; }
.argpoll a { background-color: #fff; color: #61a117; text-shadow: 0 1px 0 #fff; }
.argpoll a b { padding: 0 38px 0 14px; }
.argmore a:hover, .argpoll a:hover { background-position: 0 -56px; }
.argmore a:hover b, .argpoll a:hover b { background-position: 100% -84px; }
.isicons { display: inline; }
.isicons li { float: right; width: 19px; height: 19px; margin-top: 4px; }
.isicons li img { display: block; }
/*---ratebox---*/
Именно ../images/argmore.png это та самая картинка кнопки...Теперь вот уже часа 4 мучаюсь никак не могу сделать так чтобы в кнопку можно было вместить два слова ДОБАВИТЬ КОММЕНТАРИЙ....Значит мне её нужно подвинуть чуть влево и вытянуть в два раза , чтоб она была на том же месте но была в два раза диннее...Никак не получается, она у меня съезжает не туда куда надо...Помогите плиз ... что надо в коде подправить?
Без сайта тяжело понять как вам помочь :)
Мне нужно удлинить кнопку КОММЕНТАРИИ влево , чтоб в неё поместилось ещё одно слово.
А Вы пробовали просто вписать туда фразу Добавить комментарии?
А Вы пробовали просто вписать туда фразу Добавить комментарии?
пробовала, надпись вылезает перед кнопкой :(
1) no-repeat; поправьте на repeat;
2) задайте необходимую вам ширину элемента, допустим width: 200px;
3) выбраните с элемент с помощью margin: 0px 0px 0px -60px;
Специально открыл этот шаблон из коробки и вписал текст - все работает, кнопка растягивается. Html-код кнопки у меня выглядит вот так:
---------- Добавлено 28.10.2014 в 10:21 ----------
2) задайте необходимую вам ширину элемента, допустим width: 200px;
3) выбраните с элемент с помощью margin: 0px 0px 0px -60px;
Причем здесь это? кнопка резиновая и фон будет тянутся столько пикселей, сколько длина спрайта.
теперь при длинной надписи кнопка рвётся
Кстати вот возможно альтернативный вариант без спрайта.
идеальный вариант - сделать на ксс