آموزش کد نویسی

_MILAD_

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

_MILAD_

/: هوممم دوس داشتم اینو ادامه بدم ولی استقبال نداشت و این حرفا

_MILAD_

خب این چیزایی ک اون بالا نوشتم مزخرفاته /: باید یه اموزش کاربردی باشه بنظرم

shiimma

موفق باشین...:flexed_biceps_light_skin_tone:
ایده ی خوبیه که هر کس هر چیزی رو بلده به بقیه هم یاد بده...:thumbs_up_light_skin_tone:

AMIR_HOSSEIN1378

_MILAD_ :grinning_face: :grinning_face:
چه زبونایی میخوای بزاری؟!
و این کدایی که گذاشتی با یه سرچ ساده نمیاد؟

چیز تازه بزار بعد کنکور بچه ها دنبالش برن

الان شاید یکی بیاد اصلا ندونه کد نویسی چیه
یه مقدمه چیزی هم میزاشتی:smiling_face_with_open_mouth_closed_eyes:

_MILAD_

AMIR_HOSSEIN1378 نوشتم اولش چیزای ساده !!
نگفتم چیز پیچیده ای میخوام بگم ! میخوام اونایی که دوس دارن وببلاگی داشته باشن ! حداقل خودشون یه قالب دلخواه خودشون درست کنند و از نوشتنشون لذت ببرم
میخوام اموزش کد نویسی در حد ساده بذارم
این خط اول اولین پست این تایپک بود !
هدف فقط یادگیری اینه که یه قالب ساده برای وبلاگ ساخته بشه تا راحت باشن و دلخواه خودشون باشه اون چیزی که میخوان !
وگرنه اون پیشرفته هاشو میتونن از هزار اموزش موجود استفاده کنند
:heart: ممنون از نظرت :)

AMIR_HOSSEIN1378

_MILAD_ در آموزش کد نویسی گفته است:

ه که یه قالب ساده برای وبلاگ ساخته بشه تا راحت باشن و دلخواه خودشون باشه اون چیزی که میخوان !

:grinning_face: اها اره دقیقا :smiling_face_with_open_mouth:
موفق باشی

_MILAD_

اولا شما به یک تست انلاین کد نیاز داری بفهمی داری چیکار میکنی ! این برای قالب بلاگفا کارتونو راه میندازه جستجو کنید تست انلاین کد راحت :/ بیاره ساده ترینشو انتخاب کنید1

_MILAD_

 <html>
<head>

<link href="http://www.iconj.com/ico/4/u/4u624p37pf.ico" rel="shortcut icon">










<style>
html::-webkit-scrollbar {
background-color:##ddd;
width:10px;
}
html::-webkit-scrollbar-thumb {
background-color:#4d929a;
}
html::-webkit-scrollbar-thumb:hover {
background-color:#32b1bf;
}
html::-o-scrollbar {
background-color:##ddd;
width:10px;
}
html::-o-scrollbar-thumb {
background-color:#4d929a;
}
html::-o-scrollbar-thumb:hover {
background-color:#32b1bf;
}















.text1 a  {
	color:#ffff00;
}
.text1 a:hover{ 
color:#00ff00;
}









</style>

<style>
::selection {
background-color: #33a99d;
color: #ffffff;
}
</style>




<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="expires" content="-1" />
<meta name="description" content="<-BlogTitle->" />
<meta name="keywords" content="" />
<title><-BlogTitle-></title>
<base target="_blank" />
<style type="text/css" media="all">



@font-face {
    font-family: "Yekan";
    src: url(http://up.ghalebgraph.ir/up/galebgraph/webfile/web/theme/05/fonts/SYekan.eot);
    src: url(http://up.ghalebgraph.ir/up/galebgraph/webfile/web/theme/05/fonts/SYekan.eot?#iefix) format("embedded-opentype"), url(http://up.ghalebgraph.ir/up/galebgraph/webfile/web/theme/05/fonts/SYekan.woff) format("woff"), url(http://up.ghalebgraph.ir/up/galebgraph/webfile/web/theme/05/fonts/SYekan.ttf) format("truetype"), url(http://up.ghalebgraph.ir/up/galebgraph/webfile/web/theme/05/fonts/SYekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal
}


		body 			{background:url("http://s8.picofile.com/file/8358104142/footer.png"); font-family:Yekan;  ; font-size: 12px; color: #333;}
		#Granny 			{width:750px;}
		a 			{text-decoration:none; color:#777; }
		a:hover 			{color:#7BAEA7;}
		#HeaderCont 		{color:#7BAEA7; direction: rtl; text-align:center; margin:10px; font-size:15px; font-weight:bold;}
		#HeaderimgCont 		{margin:10px;}
		#HeaderInn 		{direction: rtl; text-align:center; margin:20px; font-size:13px; }
		#MainAndSides 		{margin:5px;}
		#ASLI 		{width:75%; float:right; }
		#Top			{color:;height:80px; width:50%; float:LEFT; box-shadow:1px 1px 4px 3px #eee; border:2px solid #ddd; padding-top:3px; padding-bottom:3px; margin-top:15px; margin-bottom:15px;  }
	#Top1			{color:#7BAEA7;height:80px; width:50%; float:RIGHT; box-shadow:1px 1px 4px 3px #eee; border:2px solid #ddd; padding-top:3px; padding-bottom:3px; margin-top:15px; margin-bottom:15px;  }
		.OnePost			{direction: rtl; }
		.OnePost img		{max-width:500px;  -webkit-transition:1s; -moz-transition:1s; -o-transition:1s;  }
	
		.TopPost			{padding:5px; background:#3b8ecd;   border:2px solid #FFF;border-radius:1em 1em 0em 0em; }
                .TopPost1			{padding:11px; background:#fff;  border:.5px solid #999999;border-radius:4em 4em 0em 0em; margin:5 ; text-shadow:1px 1px 4px  #666666;}
                .TopPost2			{padding:5px; background:#fff;  border:.5px solid #999999;border-radius:4em 4em 4em 4em; margin:5 ; }
                .TopPost3			{float: left; padding:25px; background:#fff;  border:.5px solid #999999;border-radius:4em 4em 4em 4em; margin:5 ; text-shadow:1px 1px 4px  #666666;background-image:url(http://s8.picofile.com/file/8319401342/bg29.png);}
              .TopPost8		{padding:5px; background:#fff;  border:.5px solid #999999;border-radius:4em 4em 4em 4em; margin:5 ; text-shadow:1px 1px 4px  #666666;}
           
		.POSTB			{padding:5px; box-shadow:1px 1px 1px 3px #eee; border:2px solid #ddd;margin:3.75px;background:#fff; text-shadow:1px 1px 5px  #999999;}
		.BotPost			{font-size:10px; background: #eee; box-shadow:1px 1px px 3px #eee; border:1px solid #ddd; direction: rtl; padding:5px; border-radius:0em 0em 0em 0em ;  margin:1px; text-shadow:1px 1px 4px  #999999;}
		.TitleHeaderPost		{color:#fff; direction: rtl; text-align:center; font-size:13px; text-shadow:2px 1px 5px #000; }
		.PostTextBody		{direction: rtl; padding:5px; font-size:12px; color:#333333; text-align:justify; line-height: 150%;text-shadow:1px 1px 4px  #ededed; }

		.PermFooterPost		{color:#777;}
		.PermFooterPost a		{color:#777;}
		.PermFooterPost a:hover	{color:#7BAEA7;}
		.PostSep			{height:10px; }
		#SideLCol 		{width:25%; float: left; font-size:11px; margin-bottom:10px;border-radius:.25em .25em .25em .25em ;}
		#SideLCol .Box 		{direction: rtl; padding:4px; border:2px solid #ddd; border-radius:.25em .25em .25em .25em ;}
		.Box img			{max-width:165px; margin-bottom:2px; border-radius:.25em .25em .25em .25em ;}
		#SideLCol a 		{color:#777;}
		#SideLCol a:hover 		{ background:#F65D6F; border:3px solid #fff; color:#fff;border-radius:0.5em 0.5em 0.5em 0.5em;}
		#SideLCol .Sep 		{height:10px;border-radius:.25em .25em .25em .25em ;}
		#SideLCol .Title		{max-width:1800px; margin-bottom:2px; border-radius:3em 3em 3em 3em ; font-size:11px; background-image:url(http://s8.picofile.com/file/8330459542/bg1.jpg);  color:#fff; padding:5px; text-shadow:2px 1px 5px #257b86; }
                #SideLCol .Title1		{max-width:1800px; margin-bottom:2px; border-radius:3em 3em 3em 3em ; font-size:11px; background-image:url(http://s8.picofile.com/file/8330459568/bf2.jpg);  color:#fff; padding:5px; text-shadow:2px 1px 5px #257b86; }



<style>

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

}

body {
  background-color: #555;

}

.pagination {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin-top: 10px;
}
.pagination li {
  display: inline;
  text-align: center;
}
.pagination a {
  float: left;
  display: block;
  font-size: 14px;
  text-decoration: none;
  padding: 5px 12px;
  color: #fff;
  margin-left: -1px;
  border: 1px solid transparent;
  line-height: 1.5;
}
.pagination a.active {
  cursor: default;
}
.pagination a:active {
  outline: none;
}

.modal-1 li:first-child a {
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px 0 0 6px;
}
.modal-1 li:last-child a {
  -moz-border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0;
  border-radius: 0 6px 6px 0;
}
.modal-1 a {
  border-color: #ddd;
  color: #4285F4;
  background: #fff;
}
.modal-1 a:hover {
  background: #eee;
}
.modal-1 a.active, .modal-1 a:active {
  border-color: #4285F4;
  background: #4285F4;
  color: #fff;
}

</style>








</style>

<style> 
body{font-family: yekan;}
</style>  
<script src="http://cafe-webniaz.ir/abzar/webfont/yekan.js"></script>




<!--کد نظرات بلاگفا-->
<script type="text/javascript" language="javascript">
	<!--
		function GetBC(lngPostid) {
			var intTimeZone="12600", strBlogId="real-shadmehr", 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 + "✉";
			var strUrl = "/comments/?blogid=" + strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone;
			var strResult = "<a href=\"javascript:void(0)\" target=\"_self\" 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>








<center>
		<div id="Granny">
		<div id="Granny">

<div id="HeaderCont">
</div>
<div id="HeaderInn"></div>

		

<style>
.TAB {width:97%;padding:0.5%;margin:1%;height:212px;background:#fff;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;}

/* تعویض عکس زمینه */
.TAB {background:#fff url(https://cdn.dribbble.com/users/548267/screenshots/4533399/landscape-study.jpg) no-repeat center;}

</style>
<div class="TAB">
	</div>
	</div>
		<!-- ==================== ستون اصلی ==================== -->
	<div id="ASLI">
<BLOGFA>


		<div class="OnePost">
		<a name="<-PostId->"></a>
			<div class="TopPost">

			</div>


			<div class="PostB">

<-PostTitle-><div class="PostTextBody"><-PostContent-></div>
<BlogPostTagsBlock><br>هشتگ: <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags></BlogPostTagsBlock>

			</div>

			<div class="BotPost">
			<div class="PermFooterPost">

<BlogComment>

<script language="javascript" type="text/javascript">GetBC("<-PostId->");</script>
</BlogComment> |   <-PostAuthor->	|  <-PostDate-> | <-PostTime->	| 
<BlogExtendedPost><a href="<-PostLink->"> ادامه رو ببین </a>



















</BlogExtendedPost>

			</div>
			</div>

		</div>
	<div class="PostSep"></div>
	</BLOGFA>








<!-- کد صفحه بندی صفحات  --->



<ul class="pagination modal-1">
  <li><a href="<-BlogPreviousPageLink->" class="prev"  target="_parent" >&laquo</a></li>
  <li><A href="ادرس وبت?p=1"  target="_parent" >1</A></li>
  <li><A href="ادرس وبت ?p=2" target="_parent">2</A></li>


  <li><A href="ادرس وبت author-نام کاربری وبت .aspx?p=11" target="_parent" >11</A></li>
  <li><a href="<-BlogNextPageLink->" class="next" target="_parent">&raquo;</a></li>
</ul>


 <!-- کد صفحه بندی صفحات بلاگفا --->
	</div>
		<!-- =================== منوی کناری =================== -->












	
	<div id="SideLCol">
	

		<div class="Title1">
<span data-balloon="  !   !" data-balloon-pos="right"data-balloon-length ="large">🌟 چرت و پرت  </span></div>
		<div class="Box">
https://www.blogfa.com/help/Show.aspx?id=template
</div><div class="Sep"></div>








	</div>

	</div></div>
</center>



</body>
</html>

Ghgghhfdd

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

_MILAD_

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

_MILAD_

_MILAD_ اینو که میبینید کد یه قالبه ! ساده برای بلاگفاست
که ایشون اکالیپتوس رفتن وارد یه تست کد انلاین کردن و دیدن چه شکلیه قالب !
خب بخوام بیشتر توضیح بدم این میشه که :
خب این قالبی که میبینید
هر قالبی کلا <html>
<head>
. body رو داره !
خب وقتی هم میخوان پایان اینارو مشخص کنند یه / میزنن اخرش
بین <head>
</head>
استایل میدن و
اونجایی که <body > هست اون استایل رو یجوری فراخوانی میکنند
خب تو قالب بالا میبینیند استایل هارو من معرفی مکیکنم
مثلا میگم برید اونجا تو استایل ها کد رو با توضیحات میذارم هومم اینجوری بهتره

آلاخونه

آموزش markdown و ارسال پست در انجمن

👣ردپا👣

خــــــــــودنویس

دوست و رقیب

کپی جزوه ها

یلدا

دسته گل💐

کارزار

کارزار

دستاورد هایِ کوچکِ من🎈

روز آخر ❤️

برگ انجیر.... ☘️🍀🌿

رقیب

کنکور1405

تروخدا بیاین

تنهایی حوصله ندارم بیاین با هم نهایی بخونیم

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

من ِ فارغ 401 هم باید زمین ترمیم کنم؟؟

شاید شد...چه میدانی؟!

بحث آزاد

آموزش کد نویسی