فیسبوک که هستید؟ چه سوالیه 😀 الان دیگه هر کسی یه اکانت تو فیسبوک داره دیگه.
اگه دقت کرده باشید تو صفحه پروفایل خودتون، مطالب با توجه به تاریخ ارسال از بالا به پایین منتشر میشن، به این قسمت میگن تایم لاین!

دوست دارید یه نمونه تایم لاین تو وبلاگ یا سایت خودتون داشته باشید ؟

امروز یک نمونه از این تایم لاین را برای شما آموزش میدم.
این یک نمونه از تایم لاین واکنش گرا با رنگ متناوب برای هر جدول هست، آیکونهای به کار رفته با استفاده از فونت fontawesome می باشد.
خوب بریم سراغ فایل ها تا ببینیم که داخل قسمت html و css چه خبره 🙂

مشاهده دموی اسکریپتدریافت اسکریپت

قسمت HTML

				<ul class="cbp_tmtimeline">
					<li>
						<time class="cbp_tmtime" datetime="2013-04-10 18:30"><span>4/10/13</span> <span>18:30</span></time>
						<div class="cbp_tmicon cbp_tmicon-phone"></div>
						<div class="cbp_tmlabel">
							<h2>عنوان پست</h2>
							<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت</p>
						</div>
					</li>
					<li>
						<time class="cbp_tmtime" datetime="2013-04-11T12:04"><span>4/11/13</span> <span>12:04</span></time>
						<div class="cbp_tmicon cbp_tmicon-screen"></div>
						<div class="cbp_tmlabel">
							<h2>عنوان پست</h2>
							<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت</p>
						</div>
					</li>
					<li>
						<time class="cbp_tmtime" datetime="2013-04-13 05:36"><span>4/13/13</span> <span>05:36</span></time>
						<div class="cbp_tmicon cbp_tmicon-mail"></div>
						<div class="cbp_tmlabel">
							<h2>عنوان پست</h2>
							<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت</p>
						</div>
					</li>
					<li>
						<time class="cbp_tmtime" datetime="2013-04-15 13:15"><span>4/15/13</span> <span>13:15</span></time>
						<div class="cbp_tmicon cbp_tmicon-phone"></div>
						<div class="cbp_tmlabel">
							<h2>عنوان پست</h2>
							<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت</p>
						</div>
					</li>
					<li>
						<time class="cbp_tmtime" datetime="2013-04-16 21:30"><span>4/16/13</span> <span>21:30</span></time>
						<div class="cbp_tmicon cbp_tmicon-earth"></div>
						<div class="cbp_tmlabel">
							<h2>عنوان پست</h2>
							<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت</p>
						</div>
					</li>
					<li>
						<time class="cbp_tmtime" datetime="2013-04-17 12:11"><span>4/17/13</span> <span>12:11</span></time>
						<div class="cbp_tmicon cbp_tmicon-screen"></div>
						<div class="cbp_tmlabel">
							<h2>عنوان پست</h2>
							<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت</p>
						</div>
					</li>
					<li>
						<time class="cbp_tmtime" datetime="2013-04-18 09:56"><span>4/18/13</span> <span>09:56</span></time>
						<div class="cbp_tmicon cbp_tmicon-phone"></div>
						<div class="cbp_tmlabel">
							<h2>عنوان پست</h2>
							<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت</p>
						</div>
					</li>
				</ul>

قسمت css را در ادامه مطلب ببینید..

ادامه

۱۸ اردیبهشت ۱۳۹۲

تصمیم گرفتم ازین به بعد برای وبلاگها قالب رایگان بسازم و بزام برای دانلود ، امیدوارم از قالب هایی که قرار میدم خوشتون بیاد، اولین قالب را با عنوان قالب شماره ۱ براتون قرار میدم، دانلود کنید ، خوشحال میشم نظر شما رو بدونم..

بلاگفامیهن بلاگوردپرس

۱۲ فروردین ۱۳۹۲

سلام به همه دوستان، از امروز میخوام منم به جمع وبلاگ نویسا بیام، البته یه وقت فکر نکنید تازه کارمااااا :دی نزدیک ۹ سال تو اینترنت فعالیت دارم از همون موقع وبلاگ نویسی می کردم و هِی از این وبلاگ به اون سایت و تا اینکه بعد از راه اندازی چندتا سایت و اینا، الان دیگه فعلا همین سایتی که دارید میبینید واسم مونده.

چون من علاقه ی زیادی به html و css و جاوا اسکریپت و فتوشاپ و اخبار it دارم، مطمئناً محتوای این وبلاگ هم شامل همین هاست. پس اگه فکر میکنید که شما هم به اینا علاقه دارید، خوشحال میشم مطالب وبلاگ منو دنبال کنید.

البته در بین مطالب وبلاگ اگه خاطرات شخصی منو هم دیدید تعجب نکنید!!! بالأخره این یه وبلاگ شخصیه و این چیزا باید توش باشه دیگه. :دی

راستی اگه نظری چیزی یا درخواستی در مورد سایت و مطالب هم داشتید، حتماً بهم بگید، خوشحال میشم، فعلاً… :ایکس

۱۸ فروردین ۱۳۹۱
بالا