دیدن لینک ها برای شما امکان پذیر نیست. لطفا
در عکس زیر حالت که من انتظار دارم بشه رو گذاشتم یعنی اون دایوها بیان به بالا کنار جدیدترین اخبار
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
کد:
/*@charset "utf-8"; */
/* CSS Document */
/*
# ------------------------------------------------------------------------
# Joomla Free Templates
# ------------------------------------------------------------------------
# Copyright (C) 2012-2020 (..). All Rights Reserved.
# Website: (..)
# ِDesign by : (..)
# ------------------------------------------------------------------------
*/
@font-face {
font-family: 'pars';
src: url('../font/IranNastaliq.eot');
src: url('../font/IranNastaliq.eot?#iefix') format('embedded-opentype'),
url('../font/IranNastaliq.woff') format('woff'),
url('../font/IranNastaliq.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
body{
color:#006;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
direction:rtl;
}
#main{
width:75%;
height:auto;
margin:0 auto;
background-repeat:repeat;
border-radius:5px;
}
#header {
height:200px;
width:100%;
background-image: url(../images/baghiyatallah.jpg);
background-repeat: no-repeat;
background-position: right top;
border-radius:5px;
}
#search {
float:left;
height:25px;
width:250px;
padding-top:180px;
color:#333;
}
/*::::: menu :::::*/
#menu {
direction:rtl;
font-family:"IranNastaliq";
font-size:54px;
}
#hot-news{
width:100%;
height:20px;
background-color:#E9E6E6;
}
#level1 {
width:100%;
height:450px;
float:right;
margin:0 auto 5px auto;
display: block;
}
#slider {
height:340px;
width:60%;
float:right;
border-radius:5px;
background-color:#999;
margin-right:10px;
margin-top:5px;
}
#notice{
color:#FF9
height:340px;
width:37%;
background-color:#ECF1F5;
border-radius:5px;
float:right;
padding-top:0px;
margin-top:5px;
margin-right:5px;
margin-left:5px;
margin-bottom:5px;
background-repeat: no-repeat;
background-position: right top;
background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0));
background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -o-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -ms-linear-gradient(top, #FF9 0%,#013953 100%);
background: linear-gradient(top, #FF9 0%,#3C0 100%);
}
#notice h3 {
color: #fff;
background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7));
background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: linear-gradient(top, #E230B7 0%,#E230B7 100%);
height: 20px;
/* line-height: 44px; */
padding-right: 24px;
border-bottom-style:double;
border-bottom-color:#000;
font-size:12px;
margin-top: 0;
}
#other-website {
height: auto;
width: auto;
border-radius: 5px;
background-color:#ECF1F5;
float: left;
margin-top:30px;
}
#other-website ul li {
list-style: none outside none;
}
#last-news {
height: auto;
width: 200px;
border-radius: 5px;
background-color:#ECF1F5;
font-size:12px;
direction:rtl;
line-height:20px;
float: right;
margin-top:30px;
margin-left: 10px;
clear:both;
}
#last-news ul li {
list-style: none outside none;
}
#last-news ul li:before {
list-style: none outside none;
content: "\0BB \020";
font-size:16px;
color:#E230B7;
}
#last-news h3 {
color: #fff;
background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7));
background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: linear-gradient(top, #E230B7 0%,#E230B7 100%);
height: 20px;
/* line-height: 44px; */
padding-right: 24px;
border-bottom-style:double;
border-bottom-color:#000;
font-size:12px;
margin-top: 0;
}
#top-news{
height: auto;
width: 200px;
border-radius: 5px;
background-color:#ECF1F5;
font-size:12px;
direction:rtl;
line-height:20px;
margin-top:10px;
margin-left: 10px;
float:right;
left:10px;
clear:both;
}
#top-news ul li{
list-style: none outside none;
}
#top-news ul li:before {
list-style: none outside none;
content: "\0BB \020";
font-size:16px;
color:#E230B7;
}
#top-news h3 {
color: #fff;
background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7));
background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%);
background: linear-gradient(top, #E230B7 0%,#E230B7 100%);
height: 20px;
/* line-height: 44px; */
padding-right: 24px;
border-bottom-style:double;
border-bottom-color:#000;
font-size:12px;
margin-top: 0;
}
#prayer-times{
height: auto;
width: 200px;
border-radius: 5px;
background-color:#ECF1F5;
direction:rtl;
margin-top:10px;
margin-left: 10px;
float:left;
left:10px;
clear:both;
}
#content {
width: auto;;
height: auto;
margin:0 auto;
margin-top: 30px;
border-radius: 5px;
margin-right: 5px;
margin-left:5px;
overflow: hidden;
}
#level2 {
width:100%;
height:300px;
margin:0 10 5px auto;
display: block;
}
#emamha{
height:200px;
width:22%;
float:right;
border-radius:5px;
background-color:#ECF1F5;
margin-right:10px;
margin-top:0px;
direction:rtl;
line-height:20px;
}
#emamha h3 {
color: #fff;
background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0));
background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -o-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -ms-linear-gradient(top, #FF9 0%,#013953 100%);
background: linear-gradient(top, #FF9 0%,#3C0 100%);
height: 20px;
/* line-height: 44px; */
padding-right: 24px;
border-bottom-style:double;
border-bottom-color:#000;
font-size:16px;
margin-top: 0;
}
#bayanat{
height:200px;
width:22%;
float:right;
border-radius:5px;
background-color:#ECF1F5;
margin-right:10px;
margin-top:5px;
}
/* #bayanat .globalnews {
height: 259px;
}
*/
#bayanat h3 {
color: #fff;
background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0));
background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -o-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -ms-linear-gradient(top, #FF9 0%,#013953 100%);
background: linear-gradient(top, #FF9 0%,#3C0 100%);
height: 20px;
/* line-height: 44px; */
padding-right: 24px;
border-bottom-style:double;
border-bottom-color:#000;
font-size:16px;
margin-top: 0;
}
#news{
height:200px;
width:22%;
float:right;
border-radius:5px;
background-color:#ECF1F5;
margin-right:10px;
margin-top:5px;
overflow:hidden;
clear:both;
}
#news h3 {
color: #fff;
background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0));
background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -o-linear-gradient(top, #FF9 0%,#3C0 100%);
background: -ms-linear-gradient(top, #FF9 0%,#013953 100%);
background: linear-gradient(top, #FF9 0%,#3C0 100%);
height: 20px;
/* line-height: 44px; */
padding-right: 24px;
border-bottom-style:double;
border-bottom-color:#000;
font-size:16px;
margin-top: 0;
}
#level3 {
width:100%;
height:300px;
margin:0 10 5px auto;
display: block;
}
#picture{
height:300px;
width:32%;
float:right;
border-radius:5px;
background-color:#999;
margin-right:10px;
margin-top:15px;
}
#voice{
height:300px;
width:32%;
float:right;
border-radius:5px;
background-color:#999;
margin-right:10px;
margin-top:15px;
}
#film{
height:300px;
width:32%;
float:right;
border-radius:5px;
background-color:#999;
margin-right:10px;
margin-top:15px;
}
#mashahir{
height:auto;
width:980px;
border-radius:5px;
background-color:#CCC;
clear:both;
margin-top:15px;
margin-right:10px;
}
#footer {
font-family:IranNastaliq;
font-size:14px;
height:auto;
width:980px;
border-radius:5px;
background-color:#ECF1F5;
clear:both;
text-align:center;
margin-right:10px;
margin-top:15px;
overflow:hidden;
}
a {
text-decoration: none;
}
a:visited {
color:#0000EE;
}
مشکل من اون چهار تا دایو تو پر آبی رنگ هستن که به ترتیبی که تئ عکس هست میخوام قرار بگیرند
دیدن لینک ها برای شما امکان پذیر نیست. لطفا