برگزیده های پرشین تولز

چند سوال مبتدیانه دیگه از css

HAMIDMA

کاربر تازه وارد
تاریخ عضویت
2 اکتبر 2005
نوشته‌ها
217
لایک‌ها
0
حالا که شما تا حالا زحمت کشیدید و تحمل کردید چند سوال دیگه هم داشتم که اگه لطف کنید ممنون می شم.
ادرس وب لاگ من : www.weblog.atn.ir
1- این قسمت ساید بار که توی اون قسمت دسته بندی و اخرین عناوین و ... هست می خواستم که دور هر کدام از بخشها هم یه حاشیه ایجاد بشه و به قولی از هم جداشون کنه.تا محدوده مشخصی هر بخشی داشته باشه.

2- در این بخش زیر لینکها به حالت unerline می افته که من می خواستم اون رو کامل بردارم و لینکهایی که در این بخش قرار دارند این حالت رو نداشته باشند و حالت u رو نداشته باشند.

3-وقتی که عنوان یکی از ""اخرین نوشته ها ""بزرگ می شه ادامش به خط بعد می ره و بهم می ریزه
مثل این عبارت:

بررسی زیرساختهای لازم جهت rvsm
» دستیابی به

که صحیحش این بوده : بررسی زیر ساختهای لازم جهت دستیابی به rvsm

4- در این بخش وقتی که از کلمات فارسی و انگلیسی همزمان استفاده می کنم عبارت بهم می ریزه و درست نشون داده نمی شه مثلا همین عبارت بالا صحیحش این بوده: بررسی زیر ساختهای لازم جهت دستیابی به rvsm

5- در قسمت مربوط به جستجو می خواستم که فونت مربوط به دکمه جستجو رو به تاهوما تغییر بدهم .


ممنونم از راهنماییتون

این هم از فایل سی اس اس:
body {
margin: 0px 0px 20px 0px;
background-color: #085182;

text-align: center;

}

a {
text-decoration: underline;


}

a:link {
color: #2255aa;
}

a:visited {
color: #2255aa;
}

a:active {
color: #2255aa;
}

a:hover {
color: #006699;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

#container {
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 700px;

background-color: #FFFFFF;
border: 1px solid #FFFFFF;
}

#banner {
font-family: tahoma;
text-align: left;
padding: 15px;
border-bottom: 1px solid #FFFFFF;
height: 70px;
background:url('http://www.atn.ir/image/logo_mt.gif');

}


#banner a {
color: #FFFFFF;
text-decoration: none;
}

#banner h1 {
font-size: xx-large;



}

#banner h2 {
font-size: small;
}

#center {
float: left;
width: 500px;


overflow: hidden;
}

.content {
padding: 15px 15px 5px 15px;
background-color: #ffffff;

color: #ffffff;
font-family: tahoma;
font-size: x-small;
}

#right {
float: right;


width: 200px;
background-color: #f8b80c;

overflow: hidden;
}

.content p {
color: #000000;
font-family: tahoma;
font-size: 11px;
font-weight: normal;
line-height: 150%;
direction: rtl;
margin-bottom: 5px;
}

.content blockquote {
line-height: 150%;
}

.content li {
line-height: 150%;
}

.content h2 {
color: #1646f9;
font-family: tahoma;
font-size: small;

text-align: right;
font-weight: bold;


margin-bottom: 10px;

}

.content h3 {
color: #ffffff;
font-family: tahoma;
font-size: small;
background: #9cbce4;

text-align: right;
font-weight: bold;


margin-bottom: 10px;

}

.content p.posted {
color: #999999;
font-family:tahoma;
font-size: x-small;
border-top: 5px solid #0c3df7;
text-align: left;
dir:rtl;

margin-bottom: 10px;
line-height: normal;
padding: 3px;
}

.sidebar {
padding: 15px;
color: #ffffff;
}



#calendar {
line-height: 140%;
color: #666666;
font-family: tahoma;
font-size: x-small;

padding: 2px;
text-align: center;
margin-bottom: 30px;
}

#calendar table {
padding: 2px;
border-collapse: collapse;
border:2px;
width: 100%;
}

#calendar caption {
color: #666666;
font-family: tahoma;
font-size: x-small;

text-align: center;
font-weight: bold;

text-transform: uppercase;

letter-spacing: 0;
}

#calendar th {
text-align: center;
font-weight: normal;
}

#calendar td {
text-align: center;
}

.sidebar h2 {
color: #ffffff;
font-family: tahoma;
font-size: small;
background: #e7c471;
border: 1px solid #ffffff;
text-align: center;
font-weight: normal;

text-transform: uppercase;

letter-spacing: 0;
}

.sidebar ul {
padding-left: 0px;
margin: 0px;
margin-bottom: 30px;
}

.sidebar li {
color: #ffffff;
font-family: tahoma;
font-size: x-small;
text-align: right;
line-height: 150%;



margin-top: 10px;
list-style-type: none;
}

.sidebar img {
border: 3px solid #ffffff;
}

.photo {
text-align: left;
margin-bottom: 20px;
}

.link-note {
font-family: tahoma;
font-size: x-small;
line-height: 150%;
text-align: left;
padding: 2px;
margin-bottom: 15px;
}

#powered {
font-family: tahoma;
font-size: x-small;
line-height: 150%;
text-align: left;
color: #666666;
margin-top: 50px;
}

#comment-data {
float: left;
width: 180px;
padding-right: 15px;
margin-right: 15px;
text-align: left;
border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
width: 80%;
}

 

شايان

مدیران قدیمی
تاریخ عضویت
2 سپتامبر 2003
نوشته‌ها
4,813
لایک‌ها
9
من الان كار دارم ... شرمنده ... خيلي سريع نگاه كردم

شما اين رو به CSS ت اضافه كن ببين چي ميشه .

اگر نشد عصري دقيق برسي ميكنم .

HTML:
#categories {
 
border : 1px solid #ffffff
 
}
 
#categories  a:link{
 
text-decoration : none;
 
}
 
 
#categories  a:visited{
 
text-decoration : none;
 
}
 

HAMIDMA

کاربر تازه وارد
تاریخ عضویت
2 اکتبر 2005
نوشته‌ها
217
لایک‌ها
0
با تقدیر و تشکر از راهنماییتون اقا شایان
با توضیحتون من تونستم اون تغییراتی رو که در نظرم بود ایجاد کنم.

حالا در مورد سه بخش دیگه ممنون می شم که راهنمایی کنید.

3-وقتی که عنوان یکی از کتگوری""اخرین نوشته ها ""بزرگ می شه ادامش به خط بعد می ره و بهم می ریزه
مثل این عبارت:

بررسی زیرساختهای لازم جهت rvsm
» دستیابی به

که صحیحش این بوده : بررسی زیر ساختهای لازم جهت دستیابی به rvsm
چطور می شه این مشکل رو بر طرف کرد.

4- در این بخش وقتی که از کلمات فارسی و انگلیسی همزمان استفاده می کنم عبارت بهم می ریزه و درست نشون داده نمی شه مثلا همین عبارت بالا صحیحش این بوده: بررسی زیر ساختهای لازم جهت دستیابی به rvsm

5- در قسمت مربوط به جستجو می خواستم که فونت مربوط به دکمه جستجو رو به تاهوما تغییر بدهم .
 

شايان

مدیران قدیمی
تاریخ عضویت
2 سپتامبر 2003
نوشته‌ها
4,813
لایک‌ها
9
براي اون دكمه ( كلا همه دكمه هاي تو صفحه ) اين رو اضافه كنيد :

HTML:
input {
 
font-family:Tahoma,Verdana, Arial, sans-serif;
 
}

و براي 2 تا مشكل ديگه اين رو به BODY و يا هر جا اين مشكل رو داريد اضافه كنيد ببينيم چي ميشه :

HTML:
direction : rtl;
 

HAMIDMA

کاربر تازه وارد
تاریخ عضویت
2 اکتبر 2005
نوشته‌ها
217
لایک‌ها
0
با تشکر فراوان
 

HAMIDMA

کاربر تازه وارد
تاریخ عضویت
2 اکتبر 2005
نوشته‌ها
217
لایک‌ها
0
باتشکر دوباره از راهنمایی شما

اگه بخواهیم که در انتهای این قسمت ساید بار کناری یک بنر که لینکی به یک سایت باشه قرار بدیم از چه دستوری باید استفاده کنیم.می خواستم به سایت اصلی خودم و به انجمن های گفتگوی سایت دو تا لینک با عکس قرار بدم .ممنون می شم.
 

شايان

مدیران قدیمی
تاریخ عضویت
2 سپتامبر 2003
نوشته‌ها
4,813
لایک‌ها
9
<a href="http://google.com" title="link be google">
<img src="image.jpg" width="100" height="30" border="0" alt="link be google">
</a>

يه همچين چيزي.

جاي google.com آدرس سايتتون رو بنويسيد
جاي 2 قسمت link be google يه توضيحي چيزي بديد . ) وقتي نشون داده ميشه كه با ماوس روي عكس نگه داريد )

جاي width="100" height="30" طول و عرض عكستون رو بديد ( به pixel) اگر نداريد طول و عرضشون رو كلا width="100" height="30" رو پاك كنيد.

جاي image.jpg هم لينك عكستون رو بديد.
 

HAMIDMA

کاربر تازه وارد
تاریخ عضویت
2 اکتبر 2005
نوشته‌ها
217
لایک‌ها
0
بازم ممنونم:) :) :) :blush:

با تشکر از زحماتی که تا حالا کشیدید.
اگه بخواهم در همین قسمت ساید بار یه بخش لینکها رو هم داشته باشیم که البته من الان اضافش کرده ام ولی می خواستم که دور این عکسها که لینک هستند نیز مثل او ن بخشهای دیگه یه خط بیفته می خواستم بپرسم چجوری باید تعریفش کرد که البته من کدی به صورت زیر براش گذاشتم که عنوان "" لینکها "" رو اضافه کرد ولی دور عکسها چجوری باید این محدوده رو مشخص کنم.
البته الان مثل اینکه دور عکسها یه خط سفید هستش که من نمی خوام این باشه و هر چی هم فاصله بین دو عکس ایجاد کردم باز بینشون مثل اینکه با خط سفید پر می شه و دورشون هم سفید هستش.من می خواستم که عکسها کاملا عادی باشند و فقط مثل بخش اخرین نوشته ها دور کل عکسها و بخش لینکها یه بوردر وجود داشته باشه.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<meta name="generator" content="http://www.movabletype.org/" />

<title><$MTBlogName encode_html="1"$></title>

<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 1.0" href="<$MTBlogURL$>index.rdf" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />

<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>

</head>

<body>

<div id="container">

<div id="banner">
</div>

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

<MTEntries>
<$MTEntryTrackbackData$>

<MTDateHeader>
<h2><MTEntries lastn="1"><MTJalaliDate format="%A %d %B %Y" /></MTEntries></h2>
</MTDateHeader>

<h3 id="a<$MTEntryID pad="1"$>"><$MTEntryTitle$></h3>

<$MTEntryBody$>

<MTEntryIfExtended>
<p class="extended"><a href="<$MTEntryPermalink$>#more">ادامه "<$MTEntryTitle$>"</a></p>
</MTEntryIfExtended>

<p class="posted">نوشته شده توسط <$MTEntryAuthor$> در ساعت <a href="<$MTEntryPermalink valid_html="1"$>"><$MTEntryDate format="%X"$></a>
<MTEntryIfAllowComments>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#comments">نظرخواهی (<$MTEntryCommentCount$>)</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#trackbacks">دنبالک (<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>
</p>

</MTEntries>

</div>
</div>

<div id="right">
<div class="sidebar">

<h2>جستجو</h2>

<div class="link-note">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">جستجو در اين سايت:</label><br />
<input id="search" name="search" size="20" /><br />
<input type="submit" value="جستجو"/>
</form>
</div>


<div id="categories">
<h2>دسته بندی</h2>

<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel > »</a>
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>



<h2>آرشيو</h2>

<ul>
<MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$> »</a></li>
</MTArchiveList>
</ul>

<h2>آخرين نوشته ها</h2>

<ul>
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$> »</a></li>
</MTEntries>
</ul>

<h2>لینک ها</h2>


<h2></h2>
<a href="http://www.atn.ir" title="وب سایت تخصصی ارتباطات در صنعت هواپیمایی">
<img src="http://atn.ir/images/logo3.jpg" width="175" height="80" border="0" alt= " وب سایت تخصصی ارتباطات در صنعت هواپیمایی">
</a>

<h2></h2>
<h2></h2>
<h2></h2>
<a href="http://www.forum.atn.ir" title="انجمن های گفتگوی وب سایت ">
<img src="http://www.atn.ir/forum/templates/fisubsilversh/images/phpbb2_logo.jpg" width="175" height="80" border="0" alt= " انجمن های گفتگوی وب سایت">
</a>

<MTBlogIfCCLicense>
<div class="link-note">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" src="<$MTBlogCCLicenseImage$>" /></a><br />
اين وبلاگ تحت لیسانس <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>

<div id="powered">
طراحی شده توسط حمید اباذری<br /><a href="http://www.atn.ir">www.atn.ir</a><br />
</div>
<div id="powered">
به کمک<br /><a href="http://www.movabletype.org">Movable Type <$MTVersion$></a><br />
</div>
<div class="link-note">
<a href="<$MTBlogURL$>index.rdf">XML (XML)</a>
</div>


<!-- Begin WebGozar.com Counter code -->
<script language="javascript" src="http://webgozar.ir/c.aspx?Code=39463&t=counter"></script>
<!-- End WebGozar.com Counter code -->


</div>
</div>
<div style="clear: both;"> </div>

</div>

</body>
</htm​
l>
 

HAMIDMA

کاربر تازه وارد
تاریخ عضویت
2 اکتبر 2005
نوشته‌ها
217
لایک‌ها
0
ببخشید یه سوال دیگه که ممنون می شم که راهنمایی کنید.

راستش در قسمت بنر وب لاگ من از یه عکسی استفاده کردم که با توجه به اینکه حجمش رو هم خیلی کم کرده ام ولی معمولا وقتی وب لاگ بالا می یاد اخرین بخشی است که نشون داده می شه. میخواستم بپرسم چجوری می شه لود این بنر سریعتر کرد.مثلا اینکه ایا لینک این بنر از خود وب سایت باشه یا اینکه نه از یک اپلود عکس استفاده کنم و یا اینکه اصلا امکانش هست مثل وب سایت معمولی در این بخش مشخص کنیم که مثلا اول یک عکس با کیفیت پاییتری از اون لود بشه تا بعد بنر اصلی بیاد و یا اینکه این عکس رو چند بخش کنیم.


*یه سوال دیگه اینکه الان وقتی من مطلبی رو در وب لاگم می نویسم در قسمت بالای اون تاریخ نوشته شدنش رو نشون می ده که من می خواستم اون از اونجا حذف بشه و بجاش در قسمت پایین در همون بخشی که نام نویسنده و ساعت رو می نویسه تاریخ رو هم همونجا بنویسه .(ببخشید راستش دیگه نمی دونم این سوال به css مربوط هست یا به ام تی ..... به هر حال ببخشید دیگه اگه ........)


ممنون می شم که راهنمایی کنید.
با تشکر فراوان
 

شايان

مدیران قدیمی
تاریخ عضویت
2 سپتامبر 2003
نوشته‌ها
4,813
لایک‌ها
9
اول از همه اینکه شما چرا انقدر به جهت از <h2></h2> استفاده کردید. دوم اینکه آخرین فایل CSS تون رو بذارید لطفا.

سوم اینکه برای زودتر لود شدن عکس فقط و فقط حجمش رو کم کنید ! راه دیگه ای نداره .

چهارم : این کار برمیگرده به طراحی Template شما در MT که من اصلا بلد نیستم mt رو .
 

شايان

مدیران قدیمی
تاریخ عضویت
2 سپتامبر 2003
نوشته‌ها
4,813
لایک‌ها
9
اول از همه اینکه شما چرا انقدر به جهت از <h2></h2> استفاده کردید. دوم اینکه آخرین فایل CSS تون رو بذارید لطفا.

سوم اینکه برای زودتر لود شدن عکس فقط و فقط حجمش رو کم کنید ! راه دیگه ای نداره .

چهارم : این کار برمیگرده به طراحی Template شما در MT که من اصلا بلد نیستم mt رو .
 

HAMIDMA

کاربر تازه وارد
تاریخ عضویت
2 اکتبر 2005
نوشته‌ها
217
لایک‌ها
0
با تشکر
راستش برای اینکه بین اون دوتا عکس و بنر فاصله ایجاد کنم از اون فاصله دو خط استفاده کردم.شما چه راهی رو پیشنهاد می کنید.


این اخرین فایل سی اس اس من هست:

body {
margin: 0px 0px 20px 0px;
background-color: #085182;

text-align: center;

}
text-decoration: none;
a {



}

a:link {
color: #2255aa;
text-decoration : none;
}

a:visited {
color: #2255aa;
text-decoration : none;
}

a:active {
color: #2255aa;

}

a:hover {
color: #006699;
font-weight: bold;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

#container {
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 700px;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
}

#banner {
font-family: tahoma;
text-align: left;
padding: 15px;
border-bottom: 1px solid #FFFFFF;
height: 70px;
background:url('http://www.atn.ir/image/logo_mt.gif');

}


#banner a {
color: #FFFFFF;
text-decoration: none;
}

#banner h1 {
font-size: xx-large;
}

#banner h2 {
font-size: small;
}

#center {
float: left;
width: 500px;
overflow: hidden;
}

.content {
padding: 15px 15px 5px 15px;
background-color: #ffffff;
color: #ffffff;
font-family: tahoma;
font-size: x-small;
}

#right {
float: right;
width: 200px;
background-color: #f8b80c;
overflow: hidden;
}

.content p {
color: #000000;
font-family: tahoma;
font-size: 11px;
font-weight: normal;
line-height: 150%;
direction: rtl;
margin-bottom: 5px;
}

.content blockquote {
line-height: 150%;
}

.content li {
line-height: 150%;
}

.content h2 {
color: #1646f9;
font-family: tahoma;
font-size: small;
text-align: right;
font-weight: bold;
margin-bottom: 10px;

}

.content h3 {
color: #ffffff;
font-family: tahoma;
font-size: small;
background: #9cbce4;
text-align: right;
font-weight: bold;
margin-bottom: 10px;

}

.content p.posted {
color: #999999;
font-family:tahoma;
font-size: x-small;
border-top: 5px solid #0c3df7;
text-align: left;
direction : rtl;
margin-bottom: 10px;
line-height: normal;
padding: 3px;
}

.sidebar {
padding: 10px;
color: #ffffff;
}



#calendar {
line-height: 140%;
color: #666666;
font-family: tahoma;
font-size: x-small;
padding: 2px;
text-align: center;
margin-bottom: 30px;
}

#calendar table {
padding: 2px;
border-collapse: collapse;
border:2px;
width: 100%;
}

#calendar caption {
color: #666666;
font-family: tahoma;
font-size: x-small;

text-align: center;
font-weight: bold;

text-transform: uppercase;

letter-spacing: 0;
}

#calendar th {
text-align: center;
font-weight: normal;
}

#calendar td {
text-align: center;
}

.sidebar h2 {
color: #ffffff;
font-family: tahoma;
font-size: small;
background: #e7c471;
border: 1px solid #ffffff;
text-align: center;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0;
}

.sidebar ul {
padding-left: 1px;
padding-right: 5px;
margin: 0px;
margin-bottom:5px;
margin-top:1px;
border : 1px solid #ffffff
}

.sidebar li {
color: #ffffff;
font-family: tahoma;
font-size: x-small;
text-align: right;
line-height: 150%;
margin-top: 10px;
list-style-type: none;
}

.sidebar img {
border: 3px solid #ffffff;
}

.photo {
text-align: left;
margin-bottom: 20px;
}

.link-note {
font-family: tahoma;
font-size: x-small;
line-height: 150%;
text-align:center;
padding: 2px;
margin-bottom:5px;
margin-top:1px;
border : 1px solid #ffffff
}

#powered {
font-family: tahoma;
font-size: x-small;
line-height: 150%;
text-align: center;
color: #666666;
margin-top: 10px;
border : 1px solid #ffffff

}

#comment-data {
float: left;
width: 180px;
padding-right: 15px;
margin-right: 15px;
text-align: left;
border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
width: 80%;
}
input {

font-family:Tahoma;

}​
 

شايان

مدیران قدیمی
تاریخ عضویت
2 سپتامبر 2003
نوشته‌ها
4,813
لایک‌ها
9
خب ! اول از همه شما اون<h2></h2> ها رو بردار !

( فعلا فاصله رو ول کن ووو بعد میگم چی کار کنی برای فاصله )
 

شايان

مدیران قدیمی
تاریخ عضویت
2 سپتامبر 2003
نوشته‌ها
4,813
لایک‌ها
9
یه چیز دیگه ! شما اندازه عکسهات یه چیز دیگه هست ... بعد برای اینکه اینجا جا بشه ... اندازه کوچیک دادی !

این کار اولا اشتباهه ! دوما حجم عکست زیاده ! اگر اندازه همینجا درست کنی پایین میاد ! سوما کیفیت عکست اومده پایین.
 

HAMIDMA

کاربر تازه وارد
تاریخ عضویت
2 اکتبر 2005
نوشته‌ها
217
لایک‌ها
0
بله درست می گید در مورد عکسها بیشتر حالت ازمایشی داشتند که می خواستم دستورش رو چک کنم .با تشکر از شما.

در مورد اون بخش از سوالم نظرتون چیه؟

اگه بخواهم در همین قسمت ساید بار یه بخش لینکها رو هم داشته باشیم که البته من الان اضافش کرده ام ولی می خواستم که دور این عکسها که لینک هستند نیز مثل او ن بخشهای دیگه یه خط بیفته می خواستم بپرسم چجوری باید تعریفش کرد که البته من کدی به صورت زیر براش گذاشتم که عنوان "" لینکها "" رو اضافه کرد ولی دور عکسها چجوری باید این محدوده رو مشخص کنم.
البته الان مثل اینکه دور عکسها یه خط سفید هستش که من نمی خوام این باشه و هر چی هم فاصله بین دو عکس ایجاد کردم باز بینشون مثل اینکه با خط سفید پر می شه و دورشون هم سفید هستش.من می خواستم که عکسها کاملا عادی باشند و فقط مثل بخش اخرین نوشته ها دور کل عکسها و بخش لینکها یه بوردر وجود داشته باشه.
 

شايان

مدیران قدیمی
تاریخ عضویت
2 سپتامبر 2003
نوشته‌ها
4,813
لایک‌ها
9
من که گفتم !‌شما اول اون <h2> های اضافی که استفاده کردی بردار ... ببینیم چی میشه ... تا بعد
 

HAMIDMA

کاربر تازه وارد
تاریخ عضویت
2 اکتبر 2005
نوشته‌ها
217
لایک‌ها
0
چشم برداشتم اونها رو
 

شايان

مدیران قدیمی
تاریخ عضویت
2 سپتامبر 2003
نوشته‌ها
4,813
لایک‌ها
9
خب ! یدونه دیگه بالای بنر اول مونده ... اونم بردار .

و توی فایل CSS این قسمت رو هم حذف کن


.sidebar img {
border: 3px solid #ffffff;
}
 

HAMIDMA

کاربر تازه وارد
تاریخ عضویت
2 اکتبر 2005
نوشته‌ها
217
لایک‌ها
0
واقعا ممنونم از زحمات شما

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