- 0
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Question
жекачка
Здравствуйте, мой первый сайт( www.nashepravo78.ru)Мне сейчас главное чтобы Баннер везде выглядел одинаково В опере он короткий, в мазиле выезжает.......
.style1 {
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
line-height: normal;
text-transform: none;
text-decoration: none;
text-indent: 5px;
}
.style2 {
font-size: 16px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-indent: 10px;
text-transform: none;
list-style-type: none;
}
.style3 {
background-image: url(%20);
background-color: #E1F0FF;
text-indent: 10px;
border-top-width: 0;
border-right-width: 0px;
border-bottom-width: 0;
border-left-width: thin;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
}
.style9 {
border-top-width: 0px;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: 0px;
border-top-style: none;
border-right-style: outset;
border-bottom-style: outset;
border-left-style: none;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: italic;
text-transform: none;
margin-top: 50px;
text-indent: 5px;
}
.style4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 16px;
color: #FF0000;
text-indent: 10px;
}
.style5 {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 16px;
text-indent: 10px;
}
.style7 {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: normal;
text-align: center;
font-style: italic;
text-transform: none;
text-decoration: none;
text-indent: 10px;
}
.style6 {
color: #006FDD;
font-size: 90%;
font-family: Geneva, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
text-transform: none;
text-indent: 10px;
}
.style8 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
text-transform: none;
text-decoration: none;
text-indent: 0px;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
}
body {
background-color: #FFEC9F;
margin-top: 0px;
margin-bottom: 0px;
background-image: none;
}
ul { padding: 0px;
margin-left: 5px;}
li {padding-left: 5px;
list-style-type: none; color:#0000FF; /
}
LI:before {
content: "\25aa "; /* Добавляем в качестве маркера символ "плюс" */
}
LI SPAN {
color:#000000; /* Цвет текста */
}
.style10 {
background-image: url(images/lll.gif);
background-repeat: no-repeat;
background-position: center center;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
Оформляйте, пожалуйста, фрагменты кода в специальный тег
Edited by жекачкаLink to comment
Share on other sites
3 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.