94-2-29، 07:28 صبح
(آخرین ویرایش در این ارسال: 94-2-29، 07:37 صبح، توسط E-Beshkani.)
سلام دوستان،
اینم اولین قالبی که ساختم!
لطفا به این سوالای منم جواب بدید:
1- تگ <br> و <hr> و <img> چطوری بسته میشن؟
2- اون باکس ها رو (درباره من و...) رو درست گذاشتم؟چون وقتی پدینگ دادم به متن که یکم فاصله بگیره از کناره ها ، اون باکس هم پدینگ میخورد!
3- در ضمن اگه تگ اشتباهی به کار بردم و یا منسوخ شده بود ، بهم بگید،
4- راستی استایلم رو هم نگاه بندازین ، چطوریه!
5- نرم افزاری بهتر از دریم ور سراغ ندارین؟ که خودش تب بندی ها رو رعایت کنه!
6- این -moz- و .. اینا چیه اول تگ ها میزارن؟ضروریه؟چی هستن اصلا؟
اینم اولین قالبی که ساختم!
لطفا به این سوالای منم جواب بدید:
1- تگ <br> و <hr> و <img> چطوری بسته میشن؟
2- اون باکس ها رو (درباره من و...) رو درست گذاشتم؟چون وقتی پدینگ دادم به متن که یکم فاصله بگیره از کناره ها ، اون باکس هم پدینگ میخورد!
3- در ضمن اگه تگ اشتباهی به کار بردم و یا منسوخ شده بود ، بهم بگید،
4- راستی استایلم رو هم نگاه بندازین ، چطوریه!
5- نرم افزاری بهتر از دریم ور سراغ ندارین؟ که خودش تب بندی ها رو رعایت کنه!
6- این -moz- و .. اینا چیه اول تگ ها میزارن؟ضروریه؟چی هستن اصلا؟
این کد html قالب :
کد:
<!doctype html>
<html dir="rtl">
<head>
<meta charset="utf-8">
<title>اولین قالب ساده من</title>
<link rel="stylesheet" type="text/css" href="style.css" >
<link rel="stylesheet" type="text/css" href="http://www.fontonline.ir/css/BYekan.css">
</head>
<body>
<div class="content">
<header>اولین قالب ساده من</header>
<div class="sidebar">
<div class="sidebar-title">
منو میشناسی؟
</div>
درپشت چهار چرخه فرسوده ای
کسی خطی نوشته بود:
(( من گشتم نبود ٬ تودیگر نگرد ، نیست))
گرخسته ای بمان و اگر خواستی بدان:
ما را تمام لذت هستی به جستجوست.
پویندگی ،تمامی معنای زندگیست.
هرگز(( نگرد نیست )) ؛ سزاوار مرد نیست!<br>
------------------------
<br>من الیاس بشکنی هستم و تازه دارم کدنویسی رو یاد میگیرم<br>
------------------------
<br>ایمیل من : e.b35927@gmail.com
</div>
<div class="txt">
<div class="txt-title">
کمی درباره من. . .
</div>
سلام دوستان | خوبین؟<br>
من تازه کدنویسی رو شروع کردم و با کد ها آشنا نیستم و همین طوری هر کدی گیرم بیاد میزارم :)<br><br>
-----------------------------------------<br><br>
در ضمن این قالب هم برای هیچ سرویسی نیست ، فقط html خالیه!<br>
ممنون میشم تمام مشکلاتشو بگید و یا اگه میتونید کمک کنید که من میخوام حرفه ای بشم ، یکی مثل شما :)<br><br>
<a href="#"><div class="butt">
ادامه مطلب
</div></a>
</div>
<div class="footer">
هیچ حقوقی محفوظ نیست،اما خدا به انسان درک و فهم عطا کرده تا گمراه نشود!</div>
</div>
</body>
</html>
اینم استایل قالب :
کد:
@charset "utf-8";
/* CSS Document */
body{
background-color:#cccccc;
}
.content{
width:1000px;
text-align:center;
margin:0 auto;
}
header{
background-color:#0099cc;
font-family:BYekan;
font-size:60px;
font-weight:bold;
line-height:130px;
border:2px solid #FFF;
border-radius:10px;
color:#FFF;
width:800px;
height:150px;
margin:0 auto;
margin-top:10px;
}
.sidebar{
background-color:#FFF;
width:280px;
height:450px;
font-family:BYekan;
font-size:20px;
text-align:right;
border:2px solid #FFF;
border-radius:10px;
float:right;
margin-top:20px;
margin-right:100px;
}
.sidebar-title{
background-color:#0099cc;
width:280px;
height:70px;
font-family:BYekan;
font-size:30px;
font-weight:bold;
text-align:center;
color:#FFF;
line-height:65px;
border:2px solid #FFF;
border-radius:10px;
float:right;
margin-top:-3px;
margin-right:-2px;
}
.txt{
background-color:#FFF;
width:480px;
height:450px;
font-family:BYekan;
font-size:20px;
text-align:right;
border:2px solid #FFF;
border-radius:10px;
float:left;
margin-top:20px;
margin-left:100px;
}
.txt-title{
background-color:#0099cc;
width:480px;
height:70px;
font-family:BYekan;
font-size:30px;
font-weight:bold;
text-align:center;
color:#FFF;
line-height:65px;
border:2px solid #FFF;
border-radius:10px;
float:left;
margin-top:-3px;
margin-left:-2px;
}
a{
text-decoration:none;
}
.butt{
width:150px;
height:50px;
border:5px solid #0099cc;
border-radius:15px;
transition:.3s all;
text-align:center;
line-height:48px;
font-size:28px;
color:#000;
float:left;
margin-left:30px;
opacity:.7;
}
.butt:hover{
background-color:#0099cc;
color:#FFF;
transition:.3s;
opacity:1;
}
.footer{
width:800px;
height:50px;
background-color:#0099cc;
border:2px solid #FFF;
border-radius:10px;
margin-top:490px;
margin-right:95px;
text-align:center;
font-family:BYekan;
font-size:20px;
color:#FFF;
line-height:50px;
}