ایندکس بسیار زیبای IPBF-DeadSpace

[پـویـا امیری 464]

سلام

 

بعد از استایل در دست ساخت IPBF-Start تصمیم گرفتم یه ایندکس هم بزنم!

نام گذاری این استایل از روی بازی مورد علاقه ی خودم یعنی Dead Space ساخته شده. ( اگر بازی نکردین همین الان بگیرین بشینین پاش چون فوق العاده است مخصوصا نسخه ی دومش )

البته فقط نامش نیست. کلا محور این استایل Dead Space هست.

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

 

ویژگی ها:

 

• مهم ترین ویژگی : فول ریسپانسیو
• طراحی ساده و زیبا
• دارای لودینگ برای بارگذاری اولیه
• دارای انیمیشن زیبا
• دارای ایکون شبکه های اجتماعی
• سازگاری با بوت استرپ
• ساده و در عین حال زیبا
• کیفیت بالا و در عین حال سبک
• بارگذاری سریع

 

اسکرین شات:

 

 

 

برای تغییر تیتر index.php را باز کنید دنبال این بگردید:

<p class="error">Dead Space</p>

متن Dead Space رو مطابق نظرتون تغییر بدید.

 

برای تغییر نوشته ی زیر تیتر همون کار رو برای این بکنید:

<p class="info">!به مرجع تخصصی بازی ها خوش آمدید</p>

برای تغییر دکمه های این قسمت رو ویرایش کنید:

					<div class="left size-6">
						<a class="button border fast" href="#">صفحه ی اصلی</a>
					</div>
					<div class="left size-6">
						<a class="button border fast" href="#">انجمن</a>
					</div>

به جای # آدرس رو وارد کنید!

 

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

<a class="coverage" href="http://www.facebook.com/" target="_blank">
							<img class="icon border fast" src="resources/images/icon-facebook.png" alt="Facebook"/>
						</a>
					</div>
					<div class="left size-1">
						<a class="coverage" href="http://www.twitter.com/" target="_blank">
							<img class="icon border fast" src="resources/images/icon-twitter.png" alt="Twitter"/>
						</a>
					</div>
					<div class="left size-1">
						<a class="coverage" href="http://www.pinterest.com/" target="_blank">
							<img class="icon border fast" src="resources/images/icon-pinterest.png" alt="Pinterest"/>
						</a>
					</div>
					<div class="left size-1">
						<a class="coverage" href="http://www.tumblr.com/" target="_blank">
							<img class="icon border fast" src="resources/images/icon-tumblr.png" alt="Tumblr"/>
						</a>
					</div>
					<div class="left size-1">
						<a class="coverage" href="http://plus.google.com/" target="_blank">
							<img class="icon border fast" src="resources/images/icon-plus.png" alt="Plus"/>
						</a>
					</div>
					<div class="left size-1">
						<a class="coverage" href="http://www.linkedin.com/" target="_blank">
							<img class="icon border fast" src="resources/images/icon-linkedin.png" alt="LinkedIn"/>
						</a>
					</div>
					<div class="left size-1">
						<a class="coverage" href="http://www.flickr.com/" target="_blank">
							<img class="icon border fast" src="resources/images/icon-flickr.png" alt="Flickr"/>
						</a>
					</div>
					<div class="left size-1">
						<a class="coverage" href="http://www.youtube.com/" target="_blank">
							<img class="icon border fast" src="resources/images/icon-youtube.png" alt="YouTube"/>
						</a>
					</div>
					<div class="left size-1">
						<a class="coverage" href="http://www.vimeo.com/" target="_blank">
							<img class="icon border fast" src="resources/images/icon-vimeo.png" alt="Vimeo"/>
						</a>
					</div>
					<div class="left size-1">
						<a class="coverage" href="http://www.instagram.com/" target="_blank">
							<img class="icon border fast" src="resources/images/icon-instagram.png" alt="Instagram"/>
						</a>
					</div>
					<div class="left size-1">
						<a class="coverage" href="http://www.dribbble.com/" target="_blank">
							<img class="icon border fast" src="resources/images/icon-dribbble.png" alt="Dribbble"/>
						</a>
					</div>
					<div class="left size-1">
						<a class="coverage" href="http://www.github.com/" target="_blank">
							<img class="icon border fast" src="resources/images/icon-github.png" alt="Github"/>
						</a>

برای تغییر کپی رایت این قسمت رو ویرایش کنید:

مردی تغییر بده تا من بدونم و تو 

پیوست شد:

 

DeadSpace.zip

 

امیدوارم خوشتون بیاد. لطفا نظرتون رو اعلام کنید.

 

ممنون

 

پ.ن.  حتما روی لوکال یا هاست تستش کنید چون با شات خیلی فرق داره

ویرایش شده 28 اردیبهشت، ۱۳۹۳ توسط Pois0nous

[Abbas Ma 337]

واقعا قشنگ و عالی در اومده انشالا توی کار های بعدی بیشتر موفق باشی .

[STALKER 328]

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

[محمد عنبرستانی 207]

دمت گرم

چند سایتم من معرفی می کنم شاید بدردتون بخوره

http://w3layouts.com

http://html5up.net

[Joker 62]

کار زیبایی شده دکمه های شبکه های اجتماعی زیبایی خاصی بهش دادن

 

مهمترین ویژگیش خیلی تو چشمه

 

تبریک میگم

[پـویـا امیری 464]

@ABBAS: ممنون

@STALKER : ممنون! منم همشون بازي كردم حتي نسخه ي iOS ش رو! واقعا قشنگه! ولي گير بيفتي نامردا رحم نمي كنن تيكه بزرگت گلبول هاي سفيدته

@محمد عنبرستاني: ممنون! ئه ئه اين سايتا رو طرح ما چرا اسكي رفتن؟

@bahram-divar : ممنون! ديگه فقط واسه ي تو فول ريسپانسيوش كردم

البته توي شات يه دايره هاي رنگي هستند... اونا متحرك اند

خيلي دلم مي خواست كاري كنم بك گراند يك حالت شناور داشته باشه يواش بالا پايين برن ( مي فهمين چي مي گم ديگه؟ ) ولي بلد نبودم درستش كنم

[محمد عنبرستانی 207]

آره دیگه دادا کاری که شما شروع کردی یه استارت خوبه واسه طراحی قالبه !! اینکه بتونی psd رو هم با استفاده از تگ Div به html تبدیل کنی دیگه رسما طراح قالب هستی بقیش می مونه آشنایی با قالب های اسکریپت های مختلف که اونم زیاد وقت نمی بره

 

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

[پـویـا امیری 464]

آره دیگه دادا کاری که شما شروع کردی یه استارت خوبه واسه طراحی قالبه !! اینکه بتونی psd رو هم با استفاده از تگ Div به html تبدیل کنی دیگه رسما طراح قالب هستی بقیش می مونه آشنایی با قالب های اسکریپت های مختلف که اونم زیاد وقت نمی بره

 

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

حقيقتش نمونه نديدم تا حالا! تو يك بازي تو منوش اينجوري بود ولي خب طبيعتا بايد بشه رو سايت هم اعمال كرد!

يه حالت شناور داره! هي با سرعت كم حركت مي كنه و اين ور اون ور ميره!

بهتر بگم فرض كن يه عكس به ديوار وصله مي خواي ازش فيلم بگيري! لرزش دست با فيلم چه مي كنه؟ همون جوري مي خوام حدودا

[محمد عنبرستانی 207]

بله نشد نداریم ولی فک نمی کنم از css بر بیاد برو سمت فلش و ...

[پـویـا امیری 464]

بله نشد نداریم ولی فک نمی کنم از css بر بیاد برو سمت فلش و ...

يه بنده خدايي با css خالي كارتون مرد عنكبوتي درست كرده بود ديگه از اون كه بالاتر نيست