رفتن به مطلب
mk21

راهنمایی برای تغییر استایل قالبم

پست های پیشنهاد شده

با سلام

طاعات و عبادات همه دوستان عزیز قبول

من یه کم راهنمایی از دوستان میخواستم در مورد تغییر در استایل قالبم

1 قسمت توضیحات نویسنده

2 قسمت توضیحات انتشار

3 قسمت بعد از مطلب دیدگاه ه بازدید و به روز رسانی شده

34 قسمت اخر صفحه مطالب بیشتر

من میخوام این موارد رو تویه کادر های خاصی قرار بدم یعنی مرطبشون کنم

میدونم که باید CSS قالب رو دست بزنم اما یه کم راهنمایی میخواستم از دوستان عزیز

و اگرم کار سختیه که از عهده من خارج باشه از دوستان کسی میتونه این تغییرات رو برامم انجام بده هزینه اش هم ایشالله خواهم داد البته یه کم باهام ارزون حساب کنه:D

:1::1::1::thankyou:

التماس دعا

یا حق

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام دوستان طاعات قبول

دوست عزیز آدرس سایت همون هاست که در امضای شما وجود داره یا نه

سلام آقای بختیاری عزیر

آره دوست عزیز تنها استایل های وب کامپیوتر پدیده رو میخوام تغییر بدم

امیدی هست:D

التماس دعا یا حق

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام دوست عزیز

در فایل joomla.css این کد ها رو اضافه کنید

بعد از ردیف 59

 border: solid 2px #00ff00;

کد بالا دور تاریخ ایجاد مطالب کادر اضافه میکند

بعد از ردیف370 بازم کد بالا رو اضافه کنید

راستی این کد ها باعث میشه دور نوشته کادر ایجاد بشه اگه خواستی عکس باشه این کد رو به جای کد های بالا اضافه کنید

	background: url(../images/headingcomp.png) ;
	width:300px;
    height:20px;

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام دوست عزیز

در فایل joomla.css این کد ها رو اضافه کنید

بعد از ردیف 59

 border: solid 2px #00ff00;

کد بالا دور تاریخ ایجاد مطالب کادر اضافه میکند

بعد از ردیف370 بازم کد بالا رو اضافه کنید

راستی این کد ها باعث میشه دور نوشته کادر ایجاد بشه اگه خواستی عکس باشه این کد رو به جای کد های بالا اضافه کنید

	background: url(../images/headingcomp.png) ;
	width:300px;
    height:20px;

سلام

من تمامی کاری رو که گفتی انجام دادم اما قالب تغییری نکرد مشکل از چیه

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام این کد رو در joomla.css قرار بده فقط من در بالا ردیف ها رو اشتباه شده بود

ردیف 360 و 366 من کد ها رو اضافه کردم

/*  Global Formatting */
h1 {font-size:16px;line-height: 2em;font-weight: 900;}
h2 {font-size:15px;line-height: 2em;font-weight: 900;}
h3 {font-size:12px;line-height: 2em;font-weight: 900;}
h4 {font-size:13px;line-height: 2em;font-weight: 900;}
h5 {font-size:12px;line-height: 2em;font-weight: 900;}
h6 {font-size:11px;line-height: 2em;font-weight: 900;}
td{}
th{font-size: 12px;}
a.image, a.image:hover  {border:0;}
a { text-decoration:none; 
color: #060}
a:hover {
color: #C00}
ul {
padding-right:5px;
display:block}
ul li {display:block}


/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {


}

.article_separator {
width:100%;
margin:0 auto;
display:block;



}

.article_column {

}

.column_separator {

}

/* content tables */
td.sectiontableheader {
 padding: 4px;
 border-right: 1px solid #06F;
}

tr.sectiontableentry0_nazar td,
tr.sectiontableentry1_nazar td,
tr.sectiontableentry2_nazar td {
 padding: 3px;
}

td.sectiontableentry0_nazar,
td.sectiontableentry1_nazar,
td.sectiontableentry2_nazar {
 padding: 3px;
}

table.contentpane {
border: none;
width: 100%;
padding-right:10px
}
table.contentpane a{
}

table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}

.contentpane ul li {
height:25px;
line-height:25px}

table.contenttoc {
margin: 0 10px 10px 0px;
padding: 0;
width: 35%;
float: right;
}

table.contenttoc a {
text-decoration: none;
}

table.contenttoc td {
padding: 1px 25px 1px 5px;
background: url(../images/bullet-list.gif) no-repeat 5% 50%;
}

table.contenttoc th {
padding: 0 0 3PX;
border-bottom: 1px solid #CCCCCC;
text-indent: 5px;
}

table.poll_nazar {
line-height: 1.5em;
padding: 2px 3px 8px 0;
width: 100%;
border-collapse: collapse;
margin-bottom:8px
}

table.pollstableborder_nazar {
padding: 0;
width: 100%;
border: none;
text-align: right; direction:rtl;
}

table.pollstableborder_nazar img {
vertical-align: baseline;
}
p {
line-height:20px}

table.pollstableborder_nazar td {
padding: 4px!important;
border-collapse: collapse;
border-spacing: 0;
}

table.pollstableborder_nazar tr.sectiontableentry1_nazar td {
background: #ECECEC;
}

table.searchintro {
padding: 10px 0;
width: 100%;
}

table.searchintro td {
padding: 5px!important;
}

table.adminform {
}

.adminform .inputbox {
}

.blog_more {
padding: 10px 0;
background: url(../images/hdot.gif) repeat-x top left;
}

.blog_more strong {
margin: 0 0 5px;
display: block;
font-size: 125%;
}

.category {
font-weight: bold;
}

h1.componentheading
{

}

.componentheading {

color: #09C
}

.contentdescription {
padding-bottom: 10px;
padding-right:10px;
width:80%
}

h2.contentheading, .contentheading {

}

table.blog .contentheading {
font-size:100%;
}

.componentheading ,h2.contentheading , h1 .contentheading ,  td .contentheading, .contentheading {
font-size: 100%;
font-weight:bold;
height:43px; background-image:url(../images/headingcomp.png);
background-position: center right;
background-repeat:no-repeat;
line-height:25px;
color:#55492f;
padding-bottom:5px;
text-align:center;
width:511px;
padding-top:0px
}
.componentheading {
padding-top:5px}
.contentheading a, .contentheading a:visited, .contentheading a:link {
color: #bf46ad;}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
text-decoration: none !important;
color: #FC0
}

a.readon {
float: left;
padding: 4px 30px 5px 30px;
display: block;
background-image:url(../images/readon.png);
background-position:top right;
background-repeat:no-repeat;
text-decoration: none;
	color:#55492f;
font-size:10px;
font-weight:800



}

a.readon:hover{
	color: #FFF;
	background-position:100% -27px
	}
#mod_search_searchword {
border:none;
background-color:transparent;
background-color:#FFF;
color:#000;
height:20px;
background-image:url(../images/search.png);
background-position: center right;
background-repeat:no-repeat;
padding-right:15px
 }

/*important*888888888888888888888888888888888888888888888888888888888*/
table.contentpaneopen td, table.contentpane td {


}

table.contentpaneopen, table.contentpane, table.blog {


}



ul.pagination {
margin: 15px auto;
padding: 10px 0;
background: url(../images/hdot.gif) repeat-x top left;
}

ul.pagination li {
margin: 0;
padding: 0;
display: inline;
background: none;
}

ul.pagination li span{
padding: 2px 5px;
}

ul.pagination a {
padding: 2px 5px;
border: 1px solid #F6F6F6;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
border: 1px solid #ECECEC;
background:	#F60;
}

.pagenavbar {
padding-right: 14px;
}

.pagenavcounter {
padding: 8px 14px 0 14px;
}

.sectiontableheader {
padding: 8px 5px;
background: #444444;
color:#09F;
}

.sectiontableheader a {
color:#09F;
}

tr.sectiontableentry1 td {
padding: 8px 5px;
background: url(../images/hdot2.gif) repeat-x bottom left;
}

tr.sectiontableentry2 td {
padding: 8px 5px;
background:#ECECEC url(../images/hdot2.gif) repeat-x bottom left;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
background:#FFFFCC url(../images/hdot2.gif) repeat-x bottom left;
}

.smalldark {
text-align: right; direction:rtl;
}

div.syndicate div {
text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
padding:4px 0
}

/* META
--------------------------------------------------------- */
.article-tools {
border-top: 1px solid #DDDDDD;
width: 100%;
float: left;
clear: both;
margin-bottom: 15px;
display: block;
background: #ECECEC;
}

.article-meta {
padding: 5px;
width: 80%;
float: left;
}

.createby {
padding: 3px 3px 3px 20px;
background: url(../images/icon-user.gif) no-repeat 0 2px;
}

.createdate, .createdate span {
padding: 0px 5px 3px 0px;
background: url(../images/icon-date.gif) no-repeat 0 2px;
display:block;
margin-bottom:10px;
border: solid 2px #00ff00;
color: #463604
}

.modifydate {
font-weight:bold;
border: solid 2px #00ff00;
margin-top:10px;
display:block}


div.buttonheading , .buttonheading{
display:none
}
.button, input , .inputbox, form, select {
font-family:tahoma}
.buttonheading img {
display:none
}

h1.logo{
background: url(../images/logo_bg.gif) no-repeat;

}

h1.logo, h1.logo-text {
margin: 0;
padding: 0;
font-size: 180%;
text-transform: uppercase;
width:240px;
float:left;
}

h1.logo a {
width: 220px;
display: block;
background: url(../images/logo.png) no-repeat;
height: 82px;
position: relative;
z-index: 100;
margin:0 10px;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

h1.logo-text a {
color: #CCCCCC !important;
text-decoration: none;
outline: none;
position: absolute;
bottom: 40px;
left: 5px;
}

p.site-slogan {
margin: 0;
padding: 0;
padding: 2px 5px;
color:#09F;
background: #444444;
font-size: 92%;
position: absolute;
bottom: 20px;
left: 0;
}

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...