Wordpress Sayfa Şeklinin Değiştirilmesi

14-04-2014, 20:07:17

#1

musakka

Site
Buradaki sayfada yazının altına inmek için, farenin orta tuşunu kullanmak gerekiyor. Bir hayli çirkin olduğunu düşünüyorum. Değiştirmem için ne yapmam gerekiyor? Ücretli ücretsiz cevaplarınızı bekliyorum.

Teşekkürler.

15-04-2014, 08:32:46

Maa

Temanın .css dosyasını açıp aşağıdaki kodları bulup düzeltirseniz o çirkinlik kaybolur. Ancak temada eksik bişeyler var gibi.

/* Single Page */
#page {
    box-shadow: 1px 1px 10px 0 #CCCCCC;
    background-color: #FFFFFF;
    height: 1700px;
    padding-left: 40px;
    padding-right: 30px;
}
#page ul {
    list-style-position: inside;
}
#page .thumb {
    float: left;
    position: relative;
}
#page .thumb img {
    box-shadow: 2px 0 5px -2px #888888;
    height: 507px;
    margin-left: -40px;
    margin-right: 40px;
    width: 344px;
}
#page .thumb a {
    width: 344px;
    height: 507px;
    display: block;
}
#page .thumb .thumb-hover {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s; /* Safari */
}
#page .thumb .thumb-hover:hover {
    background-color: rgba(0,0,0,0.5);
    background-image: url("../images/zoom.png");
    background-position: center center;
    background-repeat: no-repeat;
}
#page h2.title {
    font-family: arial;
    font-weight: normal;
    margin: 0;
    padding: 40px 0 20px;
    line-height: 30px;
}
#page h2.title a {
    font-family: arial;
    font-size: 25px;
    font-weight: normal;
}
#page .date {
    color: #FF9900;
    font-size: 13px;
    margin-bottom: 20px;
}
#page .date a {
    color: #FF9900;
    font-size: 13px;
    margin-bottom: 10px;
}
#page .date a:hover {
    color: #c97900;
}
#page .content {
	font-family: arial;
    
	font-size: 14px;
    
	height: 330px;
    
	line-height: 23px;
    
	/* overflow: auto; */
}

15-04-2014, 09:21:22

#3

IhsanNet

Kimlik doğrulama veya yönetimden onay bekliyor.

Resimdeki gibimi yapmak istiyorsunuz. ?

15-04-2014, 12:52:28

musakka

Maa adlı üyeden alıntı: mesajı görüntüle

Temanın .css dosyasını açıp aşağıdaki kodları bulup düzeltirseniz o çirkinlik kaybolur. Ancak temada eksik bişeyler var gibi.

/* Single Page */
#page {
    box-shadow: 1px 1px 10px 0 #CCCCCC;
    background-color: #FFFFFF;
    height: 1700px;
    padding-left: 40px;
    padding-right: 30px;
}
#page ul {
    list-style-position: inside;
}
#page .thumb {
    float: left;
    position: relative;
}
#page .thumb img {
    box-shadow: 2px 0 5px -2px #888888;
    height: 507px;
    margin-left: -40px;
    margin-right: 40px;
    width: 344px;
}
#page .thumb a {
    width: 344px;
    height: 507px;
    display: block;
}
#page .thumb .thumb-hover {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s; /* Safari */
}
#page .thumb .thumb-hover:hover {
    background-color: rgba(0,0,0,0.5);
    background-image: url("../images/zoom.png");
    background-position: center center;
    background-repeat: no-repeat;
}
#page h2.title {
    font-family: arial;
    font-weight: normal;
    margin: 0;
    padding: 40px 0 20px;
    line-height: 30px;
}
#page h2.title a {
    font-family: arial;
    font-size: 25px;
    font-weight: normal;
}
#page .date {
    color: #FF9900;
    font-size: 13px;
    margin-bottom: 20px;
}
#page .date a {
    color: #FF9900;
    font-size: 13px;
    margin-bottom: 10px;
}
#page .date a:hover {
    color: #c97900;
}
#page .content {
	font-family: arial;
    
	font-size: 14px;
    
	height: 330px;
    
	line-height: 23px;
    
	/* overflow: auto; */
}

Themaforest'ten satın aldım 100 liraya, nasıl bir sıkıntı çarptı gözünüze? Bir deneyelim, teşekkürler.

IhsanNet adlı üyeden alıntı: mesajı görüntüle

Resimdeki gibimi yapmak istiyorsunuz. ?

Mouse'un orta tuşu, yön tuşları(aşağı-yukarı) ya da r10'daki gibi diyeyim sağ tarafta kalın yukarı aşağı indirme bölümü olsun istiyorum. Gif'teki gayet uygun.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 12:52:28 -->-> Daha önceki mesaj 12:42:01 --

Maa adlı üyeden alıntı: mesajı görüntüle

Temanın .css dosyasını açıp aşağıdaki kodları bulup düzeltirseniz o çirkinlik kaybolur. Ancak temada eksik bişeyler var gibi.

/* Single Page */
#page {
    box-shadow: 1px 1px 10px 0 #CCCCCC;
    background-color: #FFFFFF;
    height: 1700px;
    padding-left: 40px;
    padding-right: 30px;
}
#page ul {
    list-style-position: inside;
}
#page .thumb {
    float: left;
    position: relative;
}
#page .thumb img {
    box-shadow: 2px 0 5px -2px #888888;
    height: 507px;
    margin-left: -40px;
    margin-right: 40px;
    width: 344px;
}
#page .thumb a {
    width: 344px;
    height: 507px;
    display: block;
}
#page .thumb .thumb-hover {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s; /* Safari */
}
#page .thumb .thumb-hover:hover {
    background-color: rgba(0,0,0,0.5);
    background-image: url("../images/zoom.png");
    background-position: center center;
    background-repeat: no-repeat;
}
#page h2.title {
    font-family: arial;
    font-weight: normal;
    margin: 0;
    padding: 40px 0 20px;
    line-height: 30px;
}
#page h2.title a {
    font-family: arial;
    font-size: 25px;
    font-weight: normal;
}
#page .date {
    color: #FF9900;
    font-size: 13px;
    margin-bottom: 20px;
}
#page .date a {
    color: #FF9900;
    font-size: 13px;
    margin-bottom: 10px;
}
#page .date a:hover {
    color: #c97900;
}
#page .content {
	font-family: arial;
    
	font-size: 14px;
    
	height: 330px;
    
	line-height: 23px;
    
	/* overflow: auto; */
}

/*======================================
Theme Name: CircleLaw
Theme URI: http://thebebel.com/
Description: CircleLaw WordPress Theme , can be used for business , lawyer .... 
Version: 1.9.1
Author: Bebel
Author URI: http://themeforest.net/user/Bebel
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: threaded-comments, custom-menu, theme-options, translation-ready
======================================*/
@import "https://fonts.googleapis.com/css?family=Oxygen:300";
@import "css/style.css";
@import "css/shortcodes.css";
@font-face{
    font-family: 'Titil';
    src: url('css/fonts/TitilliumText22L_Rg_Bold.otf');
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky {
	background-color: #FBFBFB;
    margin-bottom: 30px;
    margin-left: 10px;
    padding: 25px 20px 32px;
}
.sticky .break {
    display: none;
}
.gallery .gallery-caption {color: #888;margin: 0 0 12px;}

style.css dosyasında sadece bu kodlar mevcut. başka css dosyasıda yok.

15-04-2014, 12:58:21

IhsanNet

Hocam index.php'de bu kodları silin.

<div id="scroll" class="content">      

</div>
<!--Single Content-->

Header.php'de olması lazım height: auto; ekleyin .gif'deki gibi olur.

#page, #blog, #contact, #portfolio .single-portfolio, #gallery .single-gallery {
    background-color: #FFF;
}

kolay gelsin.