• توجه: در صورتی که از کاربران قدیمی ایران انجمن هستید و امکان ورود به سایت را ندارید، میتوانید با آیدی altin_admin@ در تلگرام تماس حاصل نمایید.

پرسش و پاسخ آموزش CSS و HTML

M

Mahdi Askari

مدير فنی
سایه گفت:
مرسی:39:

جرا وقتی این کد رو مینویسم <a href="<-PostLink->"><-PostTitle-></a>
تو قالب زیر تیتر PostTitle ی خط کشیده میشه؟ چطور حذفش کنم؟

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

بله برای اینکه خط زیر لینک ها برداشته بشه در سی اس اس لینک ها باید بذارید text-decoration: none

کدوم قسمت قالب در مرورگر ها مختلف خرابه؟
در کدوم مرورگر؟
 
س

سایه

کاربر ويژه
palang گفت:
بله برای اینکه خط زیر لینک ها برداشته بشه در سی اس اس لینک ها باید بذارید text-decoration: none
کلیک کنید تا باز شود...

خب این رو امتحان کرده بودم اما عمل نکرد!
تو کلاس top-post نوشتم.
کد: 
 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="author" content="<-BlogAuthor->">
<meta name="language" content="Farsi">
<meta name="description" content="<-BlogAndPostTitle-> - <-BlogDescription-> - <-BlogTitle->">
<meta name="keywords" content="<-BlogAndPostTitle->,<-BlogId->">
<title><-BlogAndPostTitle-></title>
<style>

body{
background: url("http://www.up.iranjoman.com/images/k2ywumyg7afep42oydk6.png") repeat ; }
.page{
margin: 0px auto;
width: 950px;
font: 15px tahoma;
position: relative;
top: 5px;
background: rgba(0,0,0,.3);
padding: 10px;
}
.header {
background: url("http://www.up.iranjoman.com/images/2q2ilaghol66m1fw0px8.jpg")  ;
width:950px;
height:200px;
border-radius:10px;
margin: 0px;
}

.top-menu {
height: 40px;
width: 950px;
margin-bottom: 10px;
text-align: center;
background:  url("http://www.up.iranjoman.com/images/crrwqo3byyv84ouipt0l.gif") repeat-x  ;
border-radius:10px;
margin-top: 5px;
}

.nav{float: right;}

.nav li{ float: left;
list-style: none outside none;
border-left: 1px solid rgb(0, 0, 0);
margin: 0 7px 0;
}

.nav a {
Margin-left: 10px;
Padding: 15px;
Color: black;
font:15px tahoma;
Text-decoration: none;
}
.nav a:focus , .nav a:hover { Color: yellow;}

.top-post{
height: 100px;
width: 670px;
background:url("http://www.up.iranjoman.com/images/oxtj44sqryhs6nuhjbuf.jpg") no-repeat top right;
direction:rtl;
Margin-left: 0px;
text-align:center;
border-radius: 10px 10px 0px 0px ;
color:[URL="http://www.iranjoman.com/usertag.php?do=list&action=hash&hash=000"]#000[/URL]
text-decoration: none;

}
.top-post2{padding:25 0 10 0;
}

.Post{
background:url("http://www.up.iranjoman.com/images/hz4gfjbjuldr9hcqkh17.jpg") repeat  top right;
direction:rtl;
text-align:right;
color:#000
position:relative;
padding:20 0 0 0;
width: 670px;
}

.post-content {
    width: 650px;
    text-align: right;
    direction:rtl;
    padding:10 15 10 15;
}


.bottomPost{
background: url('http://www.up.iranjoman.com/images/as45mqlswnulhnat9w4t.jpg') repeat-x top right;
position:relative;
height:24;
width: 670px;
text-align:right;
Margin-left: 0px;
border-radius: 0px 0px 10px 10px

}


</style>
<script  language="javascript">
  function GetBC(lngPostid)
   {
       intTimeZone=<-BlogTimeZone->;
       strBlogId="<-BlogId->";
       intCount=-1;
       strResult="";
       try {
      for (i=0;i<BlogComments.length;i+=2)
      {
           if (BlogComments[i]==lngPostid)
           intCount=BlogComments[i+1] ;
      }
           }  catch( e) {
           }
    if ( intCount==-1)  strResult="آرشیو نظرات";
    if ( intCount==0)  strResult="نظر بدهید";
    if ( intCount==1)  strResult="یک نظر";
    if ( intCount>1)  strResult=intCount + " نظر" ;
  
  strUrl="/comments/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
  strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" +  strResult + " </a>" ;

  document.write ( strResult ) ;
 }
 
function OpenLD()
{
  window.open('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
  return true;
}
</script>

</head>
<body>

<div class = "page">
<div class = "header">
<div style="font-size: 20px;
font-weight: bold;
font-family: tahoma;
color: rgb(0, 0, 0);
margin-top: 50px;
margin-right: 300;
float: right;
background: rgba(0,0,0,.3);
padding: 5px;"><-BlogTitle-></div>
</div>
<div class = "top-menu">

<ul class = "nav">
<li><a href="mailto:<-BlogEmail->">ایمیل</a></li>
<li><a href="<-BlogArchiveLink->">آرشیو</a></li>
<li><a href="<-BlogUrl->">خانه</a></li>

</ul>


</div>

<div class =  "top-post">
<div class="top-post2">
<b><a href="<-PostLink->"><-PostTitle-></a></b></div>

<div class = "post">
<div class = "post-content">
<-PostContent-></div>

</div>

<div class ="bottompost">
</div>

</div>
</div>

</body>
</html>

بعد کلاس page هم در محور y تکرار نمیشه!
http://www.up.iranjoman.com/images/ck9fjdnwderllfagosl.rar
 
س

سایه

کاربر ويژه
سایه گفت:
خب این رو امتحان کرده بودم اما عمل نکرد!
تو کلاس top-post نوشتم.
کلیک کنید تا باز شود...
پاسخ در چت باکس داده شد:احترام:
****************************

لطفا در مورد تگ <BlogPostTagsBlock> که برای برچسب و ادامه مطلب بکار رفته توضیح میدید.
HTML: 
<BlogPostTagsBlock><br>برچسب‌ها: <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags></BlogPostTagsBlock>

الان قسمت تگ بلاگفا کامل شده یا باز هم نیاز به کد نویسی داره؟ مکانش درسته؟
http://www.up.iranjoman.com/images/oexm4iv6f9li5lag9e5i.rar
 
M

Mahdi Askari

مدير فنی
سایه گفت:
پاسخ در چت باکس داده شد:احترام:
****************************

لطفا در مورد تگ <BlogPostTagsBlock> که برای برچسب و ادامه مطلب بکار رفته توضیح میدید.
HTML: 
<BlogPostTagsBlock><br>برچسب‌ها: <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags></BlogPostTagsBlock>

الان قسمت تگ بلاگفا کامل شده یا باز هم نیاز به کد نویسی داره؟ مکانش درسته؟
http://www.up.iranjoman.com/images/oexm4iv6f9li5lag9e5i.rar
کلیک کنید تا باز شود...

ببینید اونها تگ های مخصوص بلاگفا هست
در سیستم مدیریت محتوای اصلی که نوشتن این کد های مخصوص رو هم در نظر گرفتن

بله تکمیل شده
فقط شما در کد هاتون تگ بلاگفا رو باز نکردید و ببندید
هر دو بسته هست:

کد: 
</BLOGFA> <div class =  "top-post"> <div class="top-post2"> <a href="<-PostLink->"><-PostTitle-></a></div></div>  <div class = "post"> <div class = "post-content"> <-PostContent-></div> <div class = "post-content2"> <BlogExtendedPost><br><a href="<-PostLink->"><img src="[URL="http://www.iranjoman.com/view-source:http://www.up.iranjoman.com/images/w4ry8tz2s1a2bya4z.gif"]http://www.up.iranjoman.com/images/w4ry8tz2s1a2bya4z.gif[/URL]" />ادامه مطلب</a></BlogExtendedPost><br> <BlogPostTagsBlock><br>برچسب‌ها: <BlogPostTags separator=", ">  <a href="<-TagLink->"><-TagName-></a>  </BlogPostTags></BlogPostTagsBlock>                    <br><br>  نوشته شده در  <-PostDate->ساعت <-PostTime->&nbsp نویسنده <-PostAuthor->  </div></div> <div class ="bottompost"> </div> </BLOGFA>
این کد های شما بود در خط اول هم تگ بسته به کار بردید
 
س

سایه

کاربر ويژه
با حذف کد padding هم مشکل حل نشد.
اگه چند تا تگ <br> دیگه به قسمت فراخوانی کلاس<div class= "menu-text">
اضافه کنید میبینید...
اصلا کلاس rightmenu با کلاس پیج هم خوانی نداره:73:
[MENTION=4792]palang[/MENTION]
 
M

Mahdi Askari

مدير فنی
سایه گفت:
با حذف کد padding هم مشکل حل نشد.
اگه چند تا تگ <br> دیگه به قسمت فراخوانی کلاس<div class= "menu-text">
اضافه کنید میبینید...
اصلا کلاس rightmenu با کلاس پیج هم خوانی نداره:73:
@palang
کلیک کنید تا باز شود...

شااااگرد:sanjaghi:
با حذف کد پدینگ درست میشه

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

سایه

کاربر ويژه
بیزحمت در مورد کلاس search و نحوه نوشتنش توضیح میدید :خجالت2::گل:
@palang
 
آخرین ویرایش:
دختر مهتاب

دختر مهتاب

متخصص بخش آموزش خیاطی

استاد من تازه میخوام یه وبلاگ درست کنم ازاین آموزشها میتونم استفاده کنم
من هیچ چیزی درمورد وبلاگ نمیدونم:ناراحت:​
 
B a R a N

B a R a N

مدير ارشد تالار
باسلام
قسمتی از انجمنم رو میخوام تغییر بدم میخوام بدونم این کد دقیقا کجا قرار داره
ممنون
کد: 
<img id="forum_statusicon_2" class="forumicon" alt="" src="images/statusicon/forum_old-48.png"></img>
 
س

سایه

کاربر ويژه
خب بالاخره موفق شدم با کمک ها و آموزش های مفید آقا مهدی:پلنگ خان: ی قالب ساده بنویسم:خجالت2:

تشکر فراوان دارم از آقا مهدی عزیز بابت راهنمایی ها و آموزش های مفیدشون:احترام::39: و مهمتر از همه اینکه با حوصله و صبورانه به سوال هام جواب میدن:5:

البته جای کار بسیار داره اما خب اولین کارمه دیگه:خجالت:





قالب
 
M

Mahdi Askari

مدير فنی
سایه گفت:
خب بالاخره موفق شدم با کمک ها و آموزش های مفید آقا مهدی:پلنگ خان: ی قالب ساده بنویسم

تشکر فراوان دارم از آقا مهدی عزیز بابت راهنمایی ها و آموزش های مفیدشون و مهمتر از همه اینکه با حوصله و صبورانه به سوال هام جواب میدن

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

بسیار عالی شده سایه خانم
برای کار اول بسیار خوب و اصولی کدنویسی شده:گل:

انشاءالله هر روز شاهد پیشرفت بیشتر شما باشیم

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

دختر مهتاب

متخصص بخش آموزش خیاطی
http://parastooazad27.blogfa.com/
استاد سلام فکرکنم یه شاگرد به جمعتون اضافه شد:نیش2:
ولی من مثل آبجی سایه خیلی باهوش نیستما :نیش2:
استادچرا برای آهنگ وبلاگ فقط یه دونه کد قبول میکنه وبقیه کدها خونده نمیشن:سوت:
البته به کمک آبجی سایه عزیزم درست کردم به ایشون خیلی زحمت دادم:دوست:
 
آخرین ویرایش:
M

Mahdi Askari

مدير فنی
ریحانه11 گفت:
http://parastooazad27.blogfa.com/
استاد سلام فکرکنم یه شاگرد به جمعتون اضافه شد:نیش2:
ولی من مثل آبجی سایه خیلی باهوش نیستما :نیش2:
استادچرا برای آهنگ وبلاگ فقط یه دونه کد قبول میکنه وبقیه کدها خونده نمیشن:سوت:
البته به کمک آبجی سایه عزیزم درست کردم به ایشون خیلی زحمت دادم:دوست:
کلیک کنید تا باز شود...


سلام خیلی خوب کاری کردید
اول از همه بگم شما هم باید در آخر مثل سایه خانم یک قالب اختاصی طراحی کنید
پس هر چه زودتر برید یاد بگیرید اون تاپیک اصلی رو

ببینید من قالبتون رو کد آهتگتون رو دیدم
شما از کد های حرفه ای استفاده نمیکنید
متاسفانه هر کسی که یکم از طراحی کد ها بلد میشه(در حد جا به جا کردن بلاک ها) میاد و به حساب خودش با این نرم افزار های الکی در سطح نت چند تا کد آهنگ درست میکنه
اینها غیر اصولی ترین کدهای موجود هستند
کدهای حرفه ای بوسیله خود شخص خط خط اون کد ها نوشته میشه و 100% تضمینی هستند:گل:
 
دختر مهتاب

دختر مهتاب

متخصص بخش آموزش خیاطی
palang گفت:
سلام خیلی خوب کاری کردید
اول از همه بگم شما هم باید در آخر مثل سایه خانم یک قالب اختاصی طراحی کنید
پس هر چه زودتر برید یاد بگیرید اون تاپیک اصلی رو

ببینید من قالبتون رو کد آهتگتون رو دیدم
شما از کد های حرفه ای استفاده نمیکنید
متاسفانه هر کسی که یکم از طراحی کد ها بلد میشه(در حد جا به جا کردن بلاک ها) میاد و به حساب خودش با این نرم افزار های الکی در سطح نت چند تا کد آهنگ درست میکنه
اینها غیر اصولی ترین کدهای موجود هستند
کدهای حرفه ای بوسیله خود شخص خط خط اون کد ها نوشته میشه و 100% تضمینی هستند
کلیک کنید تا باز شود...
ممنونم استاد:گل:
پس حتما باید آموزش ببینم :احترام:
برای همین هست که کدها جواب نمیده..
 
برای ارسال پاسخ شما باید وارد سیستم شوید.
بالا