nexpay

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

شروع موضوع توسط HAMIDMA ‏2 دسامبر 2005 در انجمن CSS

  1. HAMIDMA

    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. شايان

    شايان مدیران قدیمی

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

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

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

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

    HAMIDMA کاربر تازه وارد

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

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

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

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

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

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

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

    شايان مدیران قدیمی

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

    HTML:
     
     
    input {
     
    font-family:Tahoma,Verdana, Arial, sans-serif;
     
    }
     
    
    و براي 2 تا مشكل ديگه اين رو به BODY و يا هر جا اين مشكل رو داريد اضافه كنيد ببينيم چي ميشه :

    HTML:
     
     
    direction : rtl;
     
     
    
     
  5. HAMIDMA

    HAMIDMA کاربر تازه وارد

    تاریخ عضویت:
    ‏2 اکتبر 2005
    نوشته ها:
    217
    تشکر شده:
    0
    با تشکر فراوان
     
  6. شايان

    شايان مدیران قدیمی

    تاریخ عضویت:
    ‏2 سپتامبر 2003
    نوشته ها:
    4,806
    تشکر شده:
    9
    خواهش ميكنم.
     
  7. HAMIDMA

    HAMIDMA کاربر تازه وارد

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

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

    شايان مدیران قدیمی

    تاریخ عضویت:
    ‏2 سپتامبر 2003
    نوشته ها:
    4,806
    تشکر شده:
    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 هم لينك عكستون رو بديد.
     
  9. HAMIDMA

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

    HAMIDMA کاربر تازه وارد

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

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


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


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

    شايان مدیران قدیمی

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

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

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

    شايان مدیران قدیمی

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

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

    چهارم : این کار برمیگرده به طراحی Template شما در MT که من اصلا بلد نیستم mt رو .
     
  13. avajang.com .leftjee.ir.right
  14. HAMIDMA

    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;

    }​
     
  15. شايان

    شايان مدیران قدیمی

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

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

    شايان مدیران قدیمی

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

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

    HAMIDMA کاربر تازه وارد

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

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

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

    شايان مدیران قدیمی

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

    HAMIDMA کاربر تازه وارد

    تاریخ عضویت:
    ‏2 اکتبر 2005
    نوشته ها:
    217
    تشکر شده:
    0
    چشم برداشتم اونها رو
     
  20. شايان

    شايان مدیران قدیمی

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

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


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

    HAMIDMA کاربر تازه وارد

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

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