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.
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 --
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.
