الرئيسية
انشاء منتدى مجانيمشكلة في تصميم فوتر المنتدي
2 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
مشكلة في تصميم فوتر المنتدي
من طرف Lovely Queen 18/7/2012, 8:03 pm
أنا عملت تنشيط للعناصر الشخصية و بعدها و جدت تصميم فوتر المنتدي بهذا الشكل
Lovely Queen-
-
عدد المساهمات : 358
معدل النشاط : 5557
السُمعة : 0
رد: مشكلة في تصميم فوتر المنتدي
من طرف Lord-adoain 18/7/2012, 8:30 pm
اهلا بك اختي , فضلاً ضعي لنا اكواد CSS التي لديكي في المنتدى 
Lord-adoain-
-
عدد المساهمات : 39733
معدل النشاط : 40927
السُمعة : 104
رد: مشكلة في تصميم فوتر المنتدي
من طرف Lovely Queen 18/7/2012, 8:38 pm
- الكود:
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post11.gif"]{background: url('http://i33.servimg.com/u/f33/15/33/29/01/mp10.png') no-repeat center !important;}
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post11.gif"]:hover{background: url('http://i33.servimg.com/u/f33/15/33/29/01/mp110.png') no-repeat center !important;}
img[src="http://hitskin.com/themes/15/69/75/i_post.gif"]{background: url('http://i33.servimg.com/u/f33/15/33/29/01/raspun11.png') no-repeat center !important;}
img[src="http://hitskin.com/themes/15/69/75/i_post.gif"]:hover{background: url('http://i33.servimg.com/u/f33/15/33/29/01/raspun10.png') no-repeat center !important;}
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]{background: url('http://i33.servimg.com/u/f33/15/33/29/01/blocat10.png') no-repeat center !important;}
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]:hover{background: url('http://i33.servimg.com/u/f33/15/33/29/01/blocat11.png') no-repeat center !important;}
.i_post{background: url(http://i33.servimg.com/u/f33/15/33/29/01/topic_13.png) no-repeat center !important;}
.i_post:hover{background: url(http://i33.servimg.com/u/f33/15/33/29/01/topic_14.png) no-repeat center !important;}
#new-message-link a{border: none !important;
-moz-box-shadow : 0 0 0px #666 !important;
-webkit-box-shadow : 0 0 0px #666 !important;
box-shadow : 0 0 0px #666 !important;}
#search-box{
margin-top: -195px;
position: relative;
bottom: -20px;
height: 39px;
width: 185px;
right: 180px;
display: inline;
background: transparent;}
#main-content {
width: 950px;
padding: 24px;
padding-top: -35em;
}
#page-header .navbar{
width: 1000px;
top: -65px;
right: 0px;
position: relative;
background: none !important;}
#logo img{
display: inline;
float: left;
position: relative;
top: -195px;
left: 25px;}
body{
background: #A0C73F url(http://i66.servimg.com/u/f66/13/46/75/82/header33.png) no-repeat top center;
padding-top: 265px;}
#page-body{
margin-left: 0px;
margin-top: -5px;
background: url(http://img180.imageshack.us/img180/4454/templatemocontent.jpg) repeat-y center;}
#page-footer{
height: 150px;
width: 1000px;
margin-left: 0px;
margin-top: -3em;
background: url(http://i33.servimg.com/u/f33/15/33/29/01/1foote11.png) no-repeat bottom center; no-repeat bottom center }
#page-footer .navbar{background: none !important;}
#page-header .navbar ul{border: none;}
.forabg, .forumbg {
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;
padding: 0 6px !important;}
li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/a20.png');
border-bottom-color: #FFFFFF;}
.forumline{
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;}
.forabg dd.posts, .forabg dd.topics, .forabg dd.lastpost{margin: 3px;}
.forabg ul.forums, .pmlist {
border: 2px solid white;
background: #e7e5e5 url(http://i66.servimg.com/u/f66/13/46/75/82/a20.png) !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
ul.topiclist, .pmlist {
z-index: 999 !important;
position: relative !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
.forabg .row{background: none !important;}
.forumbg .row{
border-left: 2px solid white;
border-right: 2px solid white;}
.forumbg .row:first-child, .forumbg .row2:first-child, .table1 .row:first-child, .table1 .row2:first-child{
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px 10px 0 0;
border-top-right-radius: 10px 10px 0 0;
border-top: 2px solid white;}
.forumbg .row:last-child, .forumbg .row2:last-child, .table1 .row:last-child, .table1 .row2:last-child{
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px 10px 0 0;
border-bottom-right-radius: 10px 10px 0 0;
border-bottom: 2px solid white;}
.table1{
z-index: 999 !important;
position: relative;}
.forumbg-table .left-box, .forumbg-table .right-box, .forumbg-table .row1{
z-index: 999 !important;
position: relative !important;}
table{
border-spacing: 0px;
border-collapse: expression('separate', cellSpacing = '0px');}
#login_popup {border: 2px solid #198699;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;}
.pagination a {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px !important;}
.pagination a:hover{color: #90AD0E !important;}
.pagination span strong{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px;
color: #198699;}
.row .pagination {
background: url('http://i66.servimg.com/u/f66/13/46/75/82/docume11.png') 0 50% no-repeat;}
.resizebox{
background: #ffffff url("http://i66.servimg.com/u/f66/13/46/75/82/zoom11.png") 1px 1px no-repeat;
background-position: top right;
font-size: 12px;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;}
.resizebox .resize_border{border: 1px solid #e4e4e4;}
#chatbox{
left: 205px;
top: 40px;}
#chatbox_members{
top: 40px;}
#chatbox_footer {padding-top: 4px !important;
padding-bottom: 4px !important;
padding-right: 0px !important;
padding-left: 0px !important;
width: 96%;
margin-left: 1.5%;}
#chatbox_footer #message{
padding: 3px;
width: 70%;
cursor: text;}
#chatbox_footer .text-field {
width: 500px;
margin-top: 5px;}
#chatbox_footer .fontbutton{
padding: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f6ffe0;
border: 2px solid #558A11;}
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, #main-content a.cgu-buttons:hover {
color: #048ebb;}
#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}
#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: #bfbfbf;
padding: 3px;}
.introduction {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border-bottom: 1px dashed white;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
.header {
text-shadow: 1px 1px 0px #4f7c02;
}
ul.search{
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid white;}
#search-box #keywords {
width: 80px;
background: transparent;
text-shadow: 1px 1px 0px #286b00;
color: white;
font-family: Georgia;
font-style: italic;
font-size: 12px;}
#search-box input {
border: none !important;
background: none;}
#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 28px;}
#search-box input.button2 {
font-size: 0px;
background-image: url();
background-color: transparent;
background-repeat: no-repeat;
width: 24px !important;
height: 24px !important;
border: 0;
margin-left: -4px;
margin-bottom: -9px;
background-position: 0 100%;
color: transparent;}
#page-footer .copyright strong a{
background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
border: 2px solid white;
padding: 5px;
background: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
bottom: 30px;
width: 100% !important;
right: -30em;
}
/*-------------------llink-uri footer-------------------*/
#page-footer{color: transparent;}
#page-footer .gensmall{color: transparent;}
img[src="http://2img.net/i/fa/empty.gif"]{display: none !important;}
img[src="http://2img.net/i/fa/icon_mini_search.gif"]{display: none !important;}
#page-footer a[href="/stats.htm"]{display: none !important;}
#page-footer a{
text-shadow: 1px 1px 2px #c9c9c9;
color: #007684;
position: relative;
bottom: -45px;}
/*-------------------sfarsit - link-uri footer-------------------*/
/*-------------------titlul categoriilor | fara efect-------------------*/
h1.page-title {
font-family: Verdana;}
h1.page-title a:hover {
text-decoration: none;}
.content {
color: #5f5f5f;
font-family: Verdana;}
.content a:hover {
text-decoration: none;}
a.forumtitle {
font-family: Verdana;}
a.forumtitle:hover {
text-decoration: none;
border-bottom: 0px dashed ;}
a.topictitle {
font-family: Verdana;}
a.topictitle:hover {
text-decoration: none;
border-bottom: 0px dashed ;}
.postbody .topic-title {
font-family: Verdana;}
.postbody .topic-title a:hover {
text-decoration: none;}
/*-------------------Sfarsit - titlul categoriilor | fara efect-------------------*/
ul#privmsgs-menu {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/shape_17.png');
text-align: CENTER;
padding: 24px 0;}
/*MODIFICARI PT. TAG-URI-------------------------------------------------*/
a:hover, a{
text-decoration: none !important;
border-color: none !important;}
img{border: none !important;}
a:focus{-moz-outline-style: none !important;}
a {outline: none;}
textarea, input{outline: none;}
#text_editor_textarea{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 1px solid #1675bc;}
input{
background: white url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid lightgrey;
padding: 2px;
text-shadow: white 1px 1px 0px;}
input[type="submit"]{cursor: pointer;}
/*MODIFICARI PT. TAG-URI-SFARSIT-------------------------------------------------*/
/*-------------------Imagine mozilla-------------------*/
ul.linklist li.footer-home {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/121.png) no-repeat top;
width: 302px;
height: 136px;
margin-left: -75px;
margin-top: -1px;
color: transparent !important;
font-size: 0px !important;}
/*-------------------Sfarsit - Imagine mozilla-------------------*/
ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/shape_16.png');
text-align: center;
padding: 24px 0;}
.overview{
border: 2px solid #2b6f02;
top: 50px !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color: white !important;
background: #3B9D00 url(http://i66.servimg.com/u/f66/11/96/49/61/ovbg10.png) repeat-x;}
.overview label{color: white;}
.overview .row2{background: none;
border-bottom: 1px dashed white;
text-shadow: 1px 1px 1px black;}
.overview a{position: static !important; left: -10px;}
p.path, .pathname-box, .pathname-box p, .info-gallery {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}
p.author {
position: relative;
right: -7em;
margin-top: 20px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;
}
.post{
background: #fcfcfc url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom left;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#preview {
background: #f7f7f7 !important;}
.online {
z-index: 999 !important;
background: white url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom left;
}
input[type="text"],input[type="password"]{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}
#tabs a, #tabs .activetab a, #tabs a:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}
.introduction, .panel, .postprofile, .module {background-color: #fcfcfc;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
p em b a.gensmall{
font-style: normal;
font-style: normal;
font-weight: bold;
font-family: Verdana;
text-transform: none;
}
h1.page-title {
font-size: 12px;
text-shadow: 1px 1px 0px #f1f1f1;}
.search-box {
margin-top: 0;
margin-left: 5px;
float: right;
display: none;
}
.blog_cal-border {
background-color: transparent;
border: 0px;
background: url('http://i45.tinypic.com/af911z.png') no-repeat center;
padding: 5px 5px;}
.blog_cal-content {
background-color: transparent;
color: #FFFFFF;}
.propune-tutorial {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun12.png) no-repeat;
margin-left: 400px;
}
.propune-tutorial:hover{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun13.png) no-repeat;
}
.template a img {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/127.png) no-repeat;
}
.template a img:hover{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/212.png) no-repeat;
}
blockquote {
margin: 1em 10px 1em 25px;
background: transparent url("http://i88.servimg.com/u/f88/14/28/28/25/bb_quo10.gif") 1px 1px no-repeat;
background-position: top right;
border: 1px solid #dadada;
font-size: 0.95em;
margin-left: 0px;
overflow: hidden;}
blockquote blockquote {
background-color: transparent;
font-size: 0.95em;
margin: 0.5em 1px 0pt 15px;}
blockquote blockquote blockquote {
font-size: 0.95em;
background-color: transparent;}
dl.codebox {
padding: 3px;
background-color: transparent;
border: 1px solid #dadada;
font-size: 1em;
font-family: Trebuchet MS;}
dl.codebox dt {
text-transform: none;
font-size: 0.95em;
background-image: url('http://i88.servimg.com/u/f88/14/28/28/25/bb_cod10.gif');
background-repeat: no-repeat;
background-position: top right;
border-bottom: 0px solid #FFFFFF;
font-weight: bold;}
dl.codebox code {
font: 0.9em Verdana,Arial,Helvetica,sans-serif;
color: #666666;}
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}
#tablist li{
list-style: none;
display: inline;
margin: 0;
}
#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}
#tablist li a:link, #tablist li a:visited{
color: navy;
}
#tablist li a.current{
background: lightyellow;
}
#tabcontentcontainer{
width: 400px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid black;
}
.tabcontent{
display:none;
}
.post {
text-align: center;
}
.postbody{
font-size: 14px;
text-align: center;
font-weight: bold;
line-height: 2.0em;
}
/****** بداية كود جعل العناصر اسفل او اعلى المنتدى ********/
#content-container div#container {
width: auto;
float: none;
margin-left: auto;
}
#content-container div#main {
margin-right: auto;
margin-bottom: auto;
}
#content-container div#left {
width: auto;
float: none;
margin-left: auto;
}
#content-container div#right {
width: auto;
float: none;
margin-left: auto;
}
#main {
width: auto;
}
#gfooter {
width: 947px;
}
#logostrip {
width: 947px;
}
#submenu {
width: 947px;
}
#userlinks {
width: 935px;
}
/****** نهاية الكود من تطوير اسيرالدموع ********/
img{
border:0px;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
essa_elgn;
opacity: 1.0;
}
img:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;
}
tr.post span.gensmall { display: none; }
Lovely Queen-
-
عدد المساهمات : 358
معدل النشاط : 5557
السُمعة : 0
رد: مشكلة في تصميم فوتر المنتدي
من طرف Lord-adoain 19/7/2012, 8:29 am
تم حل المشكلة مسبقاً عبر الخاص فبعد إذنك يقفل الموضوع 
Lord-adoain-
-
عدد المساهمات : 39733
معدل النشاط : 40927
السُمعة : 104
مواضيع مماثلة» مشكلة فى ظهور ايقونة المنتدي على اسم المنتدي
» مشكلة في فوتر
» مشكلة في كود فوتر بتقنية css
» مشكلة في شكل فوتر المنتدى داخل المواضيع
» كيفية تخطي مشكلة تغطية ايقونة المنتدي علي اسم المنتدي
» مشكلة في فوتر
» مشكلة في كود فوتر بتقنية css
» مشكلة في شكل فوتر المنتدى داخل المواضيع
» كيفية تخطي مشكلة تغطية ايقونة المنتدي علي اسم المنتدي
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Facebook
Twitter
Youtube
