Номер Телефона В Шапке
#1
Отправлено 14 Март 2011 - 13:29
Как сделать его крупнее ?
#2
Отправлено 15 Март 2011 - 19:16
Bardin (14 Март 2011 - 13:29) писал:
Как сделать его крупнее ?
<!-- Контакты --> <div id="contactInfo"> <table> <tr> <td class="contactInfoContent"> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> </tr> {% ENDIF %} </table> </td> </tr> </table> </div> <!-- end Контакты -->
Стили для блока контактов используются из файла main.csstemplate:
*contactInfo*/ #contactInfo { position:absolute; font-size:1.2em; top: 5px; left: 330px; } .contentTableHeadMainPhone {color:#3399cc;} .contactInfoContentCountryCode {color:#BE9E4C;} .contactInfoContent { height:100px; width: 180px; vertical-align:middle; } #contactInfo table {margin:0px;} #contactInfo td {padding:0px;text-align:center !important;} /*contactInfo*/
Для того чтобы изменить размер шрифта используется свойство font-size для изменения цвета color
Так для изменения размера шрифта на больший мы изменим #contactInfo на
#contactInfo { position:absolute; font-size:1.5em; top: 5px; left: 330px; }
Для изменения цвета телефона я изменяю вот эти стили:
.contentTableHeadMainPhone {color:#3399cc;} .contactInfoContentCountryCode {color:#BE9E4C;}
на
.contentTableHeadMainPhone {color:#de7300;} .contactInfoContentCountryCode {color:#11ca26;}
Для прорисовки цветов для ICQ и времени работы я поменял цвет у этого стиля:
.contactInfoContent { height:100px; width: 180px; vertical-align:middle; }
на
.contactInfoContent { color:#b70085; height:100px; width: 180px; vertical-align:middle; }
Вот результат всех изменений на сайте:
#3
Отправлено 16 Март 2011 - 15:40
Напишите адрес сайта где цвета выбирать
#6
Отправлено 11 Апрель 2011 - 21:56
#7
Отправлено 11 Апрель 2011 - 22:11
найти
<td class="contactInfoContent"> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> </tr> {% ENDIF %} </table> </td>
и привести все это к такому виду:
<td class="contactInfoContent"> <table> <tr> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> {% ENDIF %} </tr> </table> </td>
#9
Отправлено 13 Апрель 2011 - 01:37
#11
Отправлено 15 Апрель 2011 - 18:11
Найти
#contactInfo { font-size: 1.2em; left: 330px; position: absolute; top: 5px; }
Заменить на
#contactInfo { font-size: 1.2em; left: 510px; position: absolute; top: -25px; }
Если не устроит данное расположение, то поэкспериментируйте с свойствами top: -25px; и left: 510px;
#12
Отправлено 02 Май 2011 - 14:07
#14
Отправлено 15 Январь 2013 - 17:42
isom (15 Январь 2013 - 17:04) писал:
1111111.jpg
Заранее спасибо!
Найти код:
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %}Заменить:
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode" style="font-size:12px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}<span style="font-size:12px;color: #BE9E4C;">({SETTINGS_STORE_PHONE_CITY_CODE1})</span>{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone" style="font-size:12px;"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}<span style="font-size:12px;color: #BE9E4C;">({SETTINGS_STORE_PHONE_CITY_CODE2})</span>{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode" style="font-size:12px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}<span style="font-size:12px;color: #BE9E4C;">({SETTINGS_STORE_PHONE_CITY_CODE3})</span>{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %}
#16
Отправлено 15 Январь 2013 - 22:26
#18
Отправлено 20 Январь 2013 - 09:44
eee1973 (20 Январь 2013 - 09:21) писал:
.contactInfoContentCountryCode { color: #BE9E4C; /*цвет шрифта восьмерки*/ }и замените color на нужный вам цвет
#19
Отправлено 20 Январь 2013 - 09:51
#20
Отправлено 20 Январь 2013 - 10:00
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных