loading...
صفحه اصلی آرشیو تماس با ما

آموزش هاستینگ

آموزش راه اندازی هاستینگ و مباحث فنی مرتبط به هاستینگ

منیجر بازدید : 8 جمعه 30 خرداد 1399 نظرات (0)
خوب ميخوام يه كد بزارم كه اين روزا خيلي مورد استفاده هست

شايد تو يه سايت ديده باشيد كه وقتي تو يه text box كليك ميكنيد متنش ميره
وقتي يه جايه ديگه كليك ميكنيد دوباره مياد اينم همونه

اميد وارم از اين كد HTML- JAVA لذت ببريد
کد: <!DOCTYPE html> <html lang="en"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>منو </title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- JavaScript --> <!--[if lt IE 9]> <![endif]--> <style> #boxsize button, #boxsize input, #boxsize select, #boxsize textarea { width: 200px; border: 1px solid #333; } .style1 { text-align: center; } .style2 { font-family: Tahoma; } .text { font-size: 10pt; color: #000000; } .head { background-color: #CCFFFF; } .box { background-color: #99CCFF; } </style> </head> <body> <header> <hgroup> </hgroup> </header> <form> <div class="style1"> <fieldset class="head"> <span class="style2" lang="fa">فرم شماره 1<br></span></fieldset> <fieldset id="boxsize" class="box"> <div class="style1"> <br> <input placeholder="text" type="text" class="text"><br></div> <div class="text"> <input placeholder="email" type="email" class="text"><br></div> <div class="text"> <input placeholder="search" type="search" class="text"><br></div> <div class="text"> <input placeholder="http://" type="url" class="text"><br></div> <div class="text"> <input placeholder="password" type="password" class="text"><br></div> <div class="text"> <input placeholder="color" type="color" class="text"></div> <div class="text"> </div> </fieldset> </div> </form> </body></html>
درباره HTML-XHTML ,
منیجر بازدید : 11 دوشنبه 15 ارديبهشت 1399 نظرات (0)


پس از معرفی افکت و وبسایت ساخت سایه های زیبا به کمک css3 نوبت به آن رسیده که سوپرایز جدیدی رو بهتون معرفی کنیم

در این پست قصد دارم وبسایتی رو بهتون معرفی کنم که به کمک آن میتوانید انواع گرادیانت ها را بسازید و کدهای آنها را دریافت نمایید

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

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

در این سایت می توانید گرادیانت های دلخواه خود را انتخاب کرده و یا آنها را بسازید همچنین میتوانید کدهای مخصوص به مرورگری خواص را دریافت نمایید

مثلا مرورگر فایرفاکس (موزیلا) یا کروم

برای استفاده از این ابزار به وبسایت ضمیمه مراجعه نمایید

ساخت گرادیانت به کمک css3 - لرن بلاگ
درباره HTML-XHTML ,
منیجر بازدید : 10 دوشنبه 15 ارديبهشت 1399 نظرات (0)
قالب وبسایت پرشین بنر به فروش می رسد !

قالب بصورت HTML بوده و قابلیت تبدیل به وردپرس را نیز دارد.

تصاویر قالب
صفحه اصلی : http://up.webshow.pro/images/2012/12/21/home.png
نمونه کارها : http://up.webshow.pro/images/2012/12/21/portfolio.png
تعرفه ها : http://up.webshow.pro/images/2012/12/21/prices.png
سفارش : http://up.webshow.pro/images/2012/12/21/order.png
تماس با ما : http://up.webshow.pro/images/2012/12/21/contact.png

ویژگی ها :
- در قالب ، از سیستمی استفاده شده که ریپ کردن قالب رو تا حد زیادی سخت می کنه.
- قالب از سئو مناسبی برخورداره
- تمامی استانداردها در کدنویسی قالب رعایت شده
- با تمام مرورگرها سازگار هست

دارای فرم های سفارش و تماس با ما (ارسال اطلاعات فرم به ایمیل شما).
قالب تک صفحه ای بوده و صفحات بصورت انیمیشن عوض می شوند.

قیمت : 70,000 تومان

روش های تماس :
09307750670
mrsabzevari @ gmail . com
آیدی یاهو : mohammad.reza_sa
درباره HTML-XHTML ,
منیجر بازدید : 9 پنجشنبه 28 فروردين 1399 نظرات (0)
تا قبل از نسخه جدید اچ تی ام ال (HTML5) به عنوان زبان پایه طراحی وب، تمرکز اصلی این استاندارد بر روی چیدمان صحیح عناصر برای نمایش محتوا به کاربر بود.

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

اگر بخواهیم به طورخلاصه امکانات جید این نسخه از استاندارد طراحی وب را برشماریم به این نکات باید اشاره کنیم :

افزوده شدن عناصر ساختاری

در گذشته برای گروه بندی عناصر صفحه از برچسب Div عمدتاً استفاده می شد که یک برچسب عمومی و همه منظوره بود. یعنی برای منو سایت ، سرصفحه و پانوشت ، مطالب حاشیه ای و متن اصلی همه و همه از این برچسب استفاده میشد. اما در HTML5 برای هر کدام از این بخشها ، برچسب تازه ای تعریف شده است . هر چند از دید کاربر نهایی، تغییری در ظاهر صفحات ایجاد نمی شود اما برای موتورهای جستجو این تمایز بین بخشهای مختلف صفحه بسیار با اهمیت است.

پشتیبانی از صدا و ویدئو

تا قبل از HTML5 تنها عنصری که می توانستیم به راحتی و به صورت استاندارد به یک صفحه وب اضافه کنیم ، تصویر بود . اما در HTML5 برچسبهایی مخصوص صدا و ویدئو نیز به استاندارد وب افزوده شده است.

ترسیمات گرافیکی

یکی از عناصر افزوده شده به صفحات وب عنصر Convas است که به کمک آن می توان تصاویر گرافیکی ایجاد نمود، حرکت داد و حتی انیمیشن تولید کرد . کافیست یک جستجوی ساده انجام دهید تا بازیهای بسیاری را که با این فناوری نوشته شده است ، ببینید ( مانند این بازی ) . از طرفی با این امکان جدید نیاز به فلش در سایتها دیگر احساس نمی شود حتی خود شرکت ادوب برنامه ای برای تبدیل فلش بهHTML5 در اختیار طراحان قرار داده است.

افزودن عناصری برای طراحی فرم

از آنجا که رایجترین راه ارتباط با کاربران ، فرمهای آنلاین است در این نسخه از HTML5 عناصر جدیدی به طراحی فرم ها افزوده شده اند که عمدتاً کار گرفتن داده های خاص مانند ایمیل، اعداد، آدرس های اینترنتی ، زمان و مانند آن را ساده تر کرده است . نیز خصوصیاتی به عناصر فرم برای اعتبارسنجی مقادیر وارد شده افزوده شده است.

حافظه برنامه

با رواج برنامه های تحت وب، نیاز به ابزاری برای ذخیره سازی اطلاعات بر روی کامیپوتر کاربر احساس میشد . هر چند وجود کوکی ها تا حدودی این امکان را به برنامه نویسان می داد تا اطلاعاتی مانند کلمه رمز و نام کاربری را بر روی سیستم کاربر ذخیره کنند اما این امکان بسیار محدود بود . در نسخه جدید اچ تی ام ال ، می توان اطلاعات مختلفی را بر روی کامپیوتر کاربر (البته با حفظ امنیت) ذخیره و بازیابی کرد . مثلا زمانی که در حال چک کردن ایمیل های خود هستید، یک نسخه از ایمیل ها می تواند در هاردتان ذخیره شود تا اگر به اینترنت هم متصل نبودید بتوانید به ایمیل ها دسترسی داشته باشید.

افزوده شدن خصوصیات جدید به برچسب ها

به بسیاری از برچسب های استاندارد وب، خصوصیات جدیدی در این نسخه افزوده شده است مانند قابلیت ویرایش ، قابلیت کشیده شدن با موس ، منوی زمینه (منویی که با کلیک راست بر روی یک عنصر نمایش داده می شود) ، مخفی بودن و مانند آن .

بهبود سرعت پردازش صفحات

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

در هر صورت این استاندارد نوید بخش رونق دوباره فضای طراحی وب و حرفه ای تر شدن این حوزه است . برای آشنایی کامل با این استاندارد همراه با مثال سایت W3Schools.Com و برای دیدن مثالهای عملی تر از امکانات جدید آن این آدرس را پیشنهاد می کنم.

برای شروع طراحی یک سایت یا برنامه تحت وب ابزارهای مختلف آنلاینی نیز بوجود آمده اند که کار طراحی وب به کمک این استاندارد جدید را ساده تر می نمایند. به شخصه سایت Initializer را توصیه می کنم که با تنظیمات مختلف اسکلت یک سایت HTML5 را در عرض چند دقیقه در اختیارتان می گذارد.
درباره HTML-XHTML ,
منیجر بازدید : 6 سه شنبه 26 فروردين 1399 نظرات (0)



ما در این مقاله در نظر داریم تا به معرفی ۴ گالری تصاویر بی‌نظیر با قابلیت بوت استرپ بپردازیم. همانند خیلی از آموزش‌های پیشین قالب‌های معرفی شده به صورت کاملا رایگان در اختیار شما قرار گرفته‌است.


این قالب‌های گالری کاملاً ریسپانسیو بوده و کاربرد راحت آن موجب خواهد شد از کارکردن با آن در طراحی سایت خود، بسیار لذت ببرید.
کافی است کدهای آماده شده را کپی کنید و در پروژه خود قرار دهید.


قالب‌ها:

این ۴ قالب گالری تصاویر، در لایه‌های خود از کلاس‌های گرید بوت استرپ ۳ استفاده می‌کنند و ساختار HTML آن‌ها نیز مطابق و سازگار با شیو‌های نوین و توصیه شده می‌باشد.
هر قالب طراحی شده، دارای حالت hover منحصر بفرد خودش می‌باشد. برای ایجاد این گالری‌های زیبا، از پلاگینی تحت عنوان baguetteBox.js استفاده شده‌است که پلاگینی بسیار کاربردی و دارای قابلیت‌های منحصر بفردی است.
ویژگی‌هایی نظیر مستقل بودن، بی‌نیازی به کتابخانه و فایل‌های پشتیبانی خاص و علاوه بر این‌ها کاربرد راحت آن، وجه تمایزی شد تا از میان دیگر پلاگین‌ها آن را برگزینیم و در گالری‌های خود بکار ببریم.





چگونگی استفاده:

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


۱- فایل با فرمت فشرده (.zip )را با زدن بر روی دکمه دانلود که در پایین متن مقاله و نیز در دموی فایل قرار داده شده‌است، دانلود کرده و آن را از حالت فشرده خارج کنید.


۲- برای هر یک از قالب‌ها، فولدری جداگانه در نظر گرفته شده‌است، در نتیجه زمانی که فایل را از حالت فشرده خارج می‌کنید، فولدرهای مربوط به هر قالب و فولدری که به منظور نگهداری تصاویر به کاربرده شده در قالب‌ها درنظر گرفته شده‌است را خواهید دید. قالب مورد نظر خود را انتخاب کنید و فایل HTML آن را، که شامل کد اسکریپت با المان .tz-gallery می‌باشد را بردارید.


۳- حال فایل HTML را در داخل پروژه خود قرار دهید و پیش از ادامه کار مطمئن شوید که فایل‌های مربوط به بوت استرپ ۳ را در پروژه خود وارد کرده‌اید.


۴- استایل‌های مربوط به هر قالب گالری، در فایل‌های CSS مجزا برای شما مهیا شده‌اند. فایل‌های CSS را در پروژه خود قرار دهید و فراموش نکنید که حتماً فایل‌هایCSS مربوطه را در پروژه خود با تگ Link معرفی کنید و یا می‌توانید استایل‌های موجود در هر فایل را کپی و به فایل شامل استایل‌های پروژه خود اضافه کنید.


۵- برای لذت بردن از افکت‌های پلاگین baguetteBox فایل‌های CSS وJS مربوط به این پلاگین را حتماً در پروژه خود قرار داده و در نهایت تگ اسکریپت (baguetteBox.run(‘.tz-gallery’)) این پلاگین را اجرا کنید.


رایگان در استفاده‌های تجاری:

شما براحتی می‌توانید این پلاگین را شخصی‌سازی کنید و در طراحی سایت، کاربردهای شخصی و تجاری خود، از آن بهره ببرید.


این پلاگین کاملاً مستقل بوده و رایگان در اختیار شما قرار گرفته است. بدون نیاز به هیچ کتابخانه و توابع اضافی دیگری این پلاگین را نصب و از کار کردن با آن لذت ببرید.


دمو


برای دانلود این قالب‌ها بر روی لینک زیر کلیک نمایید:


گالری تصاویر بوت استرپ
درباره HTML-XHTML ,
منیجر بازدید : 9 شنبه 23 فروردين 1399 نظرات (0)
۲
عنوان ها در HTML

عنوان ها در HTML با تگ های <h1> تا <h6> تعریف می شوند. <h1> برای تعریف مهم ترین عنوان و <h6> برای تعریف کم اهمیت ترین عنوان به کار می رود.
1
2
3 <h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>


نکته : مرورگر ها به صورت پیش فرض مقداری فضای خالی (margin) را قبل و بعد از عنوان های اضافه می کنند.
عنوان ها مهم هستند !

از تگ های عنوان برای عناوین بخش های مختلف سایت استفاده کنید. به هیچ وجه به منظور بولد کردن متن ها از عنوان های استفاده نکنید.
موتورهای جستجو برای ایندکس کردن ساختار و محتوای صفحه وب شما از عنوان ها استفاده می کنند.
هنگامی که کاربران سایت به صورت سطحی مشغول مطالعه سایت شما هستند عنوان ها بیشتر به چشم می آیند. بنابراین استفاده از عنوان ها برای تعیین ساختار سایت شما بسیار مهم هستند.
از H1 برای تعیین مهم ترین عنوان سایت استفاده کنید. به ترتیب از شماره های بعدی به منظور عنوان های کم اهمیت تر استفاده کنید.
خط ها در HTML

تگ <hr /> برای ایجاد یک خط افقی در صفحه وب به کار می رود. از این خطوط می توان برای جداسازی محتوای صفحه استفاده نمود.
1
2
3
4
5 <p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>


توضیحات در HTML

توصیحات برای خوانایی و درک بیشتر کدهای HTML ، در بین آن ها اضافه می شوند. توضیحات به صورت زی نوشته می شوند :
1 <!-- This is a comment -->


نکته : توجه داشته باشید که بعد از باز کردن براکت ، علامت تعجب وجود دارد ولی هنگام بستن آن وجود ندارد.
راهنمایی : چگونه کد های یک صفحه را ببینیم !

بعضاً پیش می آید که موقع دیدن وبسایتی نکته ای جالب رو می بینید که دوست دارید چگونگی انجام اون رو متوجه بشید. برای این کار کافیه داخل صفحه راست کلیک کرده و گزینه “View Source” (در مرورگر IE) یا “View Page Source” (در مرورگر فایرفاکس) یا چیزی شبیه به این ها در بقیه مرورگر ها را انتخاب کنید. با انجام این کار پنجره جدیدی باز شده و کدهای HTML صفحه را به شما نشان خواهد داد.

درباره HTML-XHTML ,
منیجر بازدید : 12 شنبه 23 فروردين 1399 نظرات (0)







ایجاد Video و Audio در سایت توسط کدهای html5 که طراحان وب سایت به راحتی میتوانند در سایت ایجاد نمایند,فقط کافیست دستورالعمل های زیر را انجام دهید تا در سایت مثال عکس بالا ویدئو و یا صفحه پخش موزیک داشته باشیم :کد html برای اجرا Video در سایت :<video width="700" height="420" controls>
<source src="video/movie.mp4" type="video/mp4">
<source src="video/movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>کد html برای اجرا Audio در سایت :<audio controls>
<source src="music/amin.ogg" type="audio/ogg">
<source src="music/amin.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>نکته : آدرس ویدئو و موزیکی که در آنجا قرار داده اید با آدرسی که درکد html میباشد صحیح باشد .




لینک منبع
درباره HTML-XHTML ,
منیجر بازدید : 6 جمعه 22 فروردين 1399 نظرات (0)
طی چند سال گذشته که مفهوم Responsive برای وب سایت‌ها مطرح شد، بدلیل تعدد دستگاه‌های موجود، طراحان وب‌سایت‌ها به مشکلات بسیاری برای بهینه‌سازی سایت‌های طراحی شده بر روی دستگاه‌ها برخورده‌اند. همین موضوع باعث بوجود آمدن Media Queryهای مختلف و متعددی برای دستگاه‌های مختلف شده است. در این مقاله Media Queryهای پرکاربرد دستگاه‌های شرکت اپل (Apple) از جمله آیفون، آی‌پد و ... برای سهولت کار شما قرار داده شده است.

مدیا کوئری‌های آی‌پد - iPad Media Queries ( همه نسل‌ها حتی iPad mini )

این شرکت با ایجاد یک تجربه سازگار ساده برای کاربران و برای برای توسعه‌دهندگان، کار را آسان کرده است.
تمام iPad ها (1 تا 5 و mini) را می‌توان تنها با یک CSS Media Query هدف قرار داد.

iPad in portrait & landscape
کد: @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* STYLES GO HERE */}
iPad in landscape

کد: @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {/* STYLES GO HERE */}

iPad in portrait کد: @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){ /* STYLES GO HERE */ } اگر می‌خواهید نسل سوم و چهارم (صفحات رتینا) را برای اضافه کردن گرافیک [email protected] یا برای استفاده از دیگر توانایی‌های صفحه نمایش Retina هدف قرار دهید ، این کد را استفاده کنید.
Retina iPad in portrait & landscape کد: @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ } Retina iPad in landscape کد: @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ } Retina iPad in portrait کد: @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ } اگر می خواهید در صفحه کوچکتر یا گرافیک پایین تر یا Typography را برای کیفیت تصویر کمتر اعمال کنید، کد پایین راه حل کار شماست.iPad 1 & 2 in portrait & landscape کد: @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){ /* STYLES GO HERE */ } iPad 1 & 2 in landscape کد: @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */ } iPad 1 & 2 in portrait کد: @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */ } هدف قراردادن iPad mini جدید به دلیل داشتن کیفیت تصویرو نسبت پیکسلی نسل یک و دو به همان شکل این دو سری ست و به سختی که تصور می شود، نیست. ( منبع این مقایسه Daring Fireball)

این امر یاعث شد که مطلب جدیدی برای یادگیری نیاز نباشد , ولی همین مزیت نقطه ضعف هم هست، زیرا راهی برای فقط هدف قرار دادند iPad mini نیست.iPad mini Resolution
Screen Width = 768px (CSS Pixels)
Screen Height = 1024px (CSS Pixels)
Screen Width = 768px (Actual Pixels)
Screen Height = 1024px (Actual Pixels)
Device-pixel-ratio: 1

حال به Media Query های iPhone می رسیم!

iPhone 6 Media Queries
iPhone 6 in portrait & landscape
کد: @media only screen and (min-device-width : 375px) and (max-device-width : 667px) { /* STYLES GO HERE */} iPhone 6 in landscape @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { /* STYLES GO HERE */ } iPhone 6 in portrait کد: @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { /* STYLES GO HERE */ } iPhone 6 Plus Media Queries
iPhone 6 Plus in portrait & landscape
کد: @media only screen and (min-device-width : 414px) and (max-device-width : 736px) { /* STYLES GO HERE */ } iPhone 6 Plus in landscape کد: @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { /* STYLES GO HERE */ } iPhone 6 Plus in portrait کد: @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { /* STYLES GO HERE */ } iPhone 5 & 5S Media Queries
iPhone 5 & 5S in portrait & landscape
کد: @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { /* STYLES GO HERE */ } iPhone 5 & 5S in landscape کد: @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { /* STYLES GO HERE */ } iPhone 5 & 5S in portrait کد: @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { /* STYLES GO HERE */ } iPhone 2G, 3G, 4, 4S Media Queriesلازم به ذکر است که این کد ها برای iPod Touch نسل 1-4 هم کار می کنند.iPhone 2G-4S in portrait & landscape کد: @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* STYLES GO HERE */ } iPhone 2G-4S in landscape کد: @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { /* STYLES GO HERE */ } iPhone 2G-4S in portrait کد: @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { /* STYLES GO HERE */ } iPhone 5 Resolution
Screen Width = 320px (CSS Pixels)
Screen Height = 568px (CSS Pixels)
Screen Width = 640px (Actual Pixels)
Screen Height = 1136px (Actual Pixels)
Device-pixel-ratio: 2

iPhone 4/4S Resolution
Screen Width = 320px (CSS Pixels)
Screen Height = 480px (CSS Pixels)
Screen Width = 640px (Actual Pixels)
Screen Height = 960px (Actual Pixels)
Device-pixel-ratio: 2
iPhone 2G/3G/3GS Resolution
Screen Width = 320px (CSS Pixels)
Screen Height = 480px (CSS Pixels)
Screen Width = 320px (Actual Pixels)
Screen Height = 480px (Actual Pixels)
Device-pixel-ratio: 1

منبع
درباره HTML-XHTML ,
منیجر بازدید : 4 چهارشنبه 20 فروردين 1399 نظرات (0)
۲) تغییر اندازه (حجم فایل) JPEG


شما حتی می‌توانید به هنگام خروجی گرفتن تصویر خود در قالب فرمت‌هایی از قبیل JPEG حجم فایل را کاهش دهید.
تصویر قبل را به اندازه 200PX تغییر سایز داده ایم و با فرمت JPEG در کیفیت‌های مختلف خروجی گرفته‌ایم:




همانطور که در تصویر قابل مشاهده است در کیفیت ۸۰ درصد علی رغم آنکه وضوح تصویر چندان تغییر نکرده‌است اما حجم فایل بطور محسوسی کاهش یافته‌است.
برای اینکار، زمانی‌که کار شما برای ویرایش تصویر تمام شد :


File → Export

با اینکار پنجره زیر برای شما باز خواهد شد:




شما در این قسمت می‌توانید نام جدیدی برای تصویر خود انتخاب کنید. اگر شما در حال خروجی گرفتن از تصویری با فرمت JPEG هستید، GIMP نیز خروجی تصویر جدید را بطور اتوماتیک با فرمت JPEG انجام خواهد داد. از سویی دیگر شما می‌توانید مکان ذخیره تصویر را با کمک نوار آدرس تعیین کنید.
هر زمان که آماده بودید تا خروجی تصویر را بگیرید کافی است بر روی دکمه Export کلیک نمایید. در نتیجه آن پنجره ای مربوط به فرمت JPEG برای شما باز خواهد شد جایی که شما امکان تغییر حجم فایل را خواهید داشت.




در این قسمت تعیین شده شما می‌توانید حجم فایل خود را تغییر دهید. اگر گزینه Show Preview in image window انتخاب شده باشد شما می‌توانید پیش نمایش فایل را نیز در پنجره GIMP مشاهده کنید.
اگر شما از نتیجه بدست آمده راضی بودید کافی است دکمه Export را انتخاب نمایید.

منبع: طراحی سایت ستروکیت
درباره HTML-XHTML ,
منیجر بازدید : 4 چهارشنبه 20 فروردين 1399 نظرات (0)


از جمله محدودیت‌های وب نداشتن فونت مناسب برای زبان پارسی است. بسیاری از سایت‌هایی که به زبان فارسی هستند اغلب از چند فونت رایج مانند Tahoma و یا Arial استفاده می‌کنند.
اما می‌توان این محدودیت را با استفاده از فونت‌های فارسی که برای وب طراحی شده‌اند از میان برداشت. با استفاده از این فونت‌ها در طراحی وب سایت می‌توانید جلوه‌ی زیباتری به سایت خود دهید. برای این کار موارد زیر را انجام دهید.


ابتدا فایل زیر را دانلود کرده و آن را از حالت فشرده خارج کنید.


دانلود فایل


پوشه fonts را در جای مناسب کپی کنید.
کد زیر را میتوانید در ابتدای فایل css خود وارد کرده یا در فایل html وارد کنید.


در ابتدای فایل css:
کد: @font-face { font-family: BBadr; src: url(fonts/BBadr.eot?#) format(eot), /* IE6–8 */ url(fonts/BBadr.woff) format(woff), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url(fonts/BBadr.ttf) format(truetype); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */}

در فایل html:


<style type="text/css" media="all">


کد: @font-face { font-family: BBadr; src: url(fonts/BBadr.eot?#) format(eot), /* IE6–8 */ url(fonts/BBadr.woff) format(woff), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url(fonts/BBadr.ttf) format(truetype); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */ } </style>


توجه کنید که برای هر فونتی که میخواهید استفاده کنید باید این کار را انجام دهید. در این مثال فونت BBadr اضافه شده است. برای اضافه کردن فونت جدید فقط کافیست این خطوط را کپی کنید و نام فونت جدید را جایگزین کنید.


حال کافیست فونت را برای تگ مربوطه ست کنید.


برای مثال می‌توانید فونت اصلی بدنه را در فایل css اینگونه تعریف کنید.




کد: body {font-family: BBadr;} فونت نازنین:
به نام خداوند جان و خرد *** کزین برتر اندیشه برنگذرد
فونت یکان:
به نام خداوند جان و خرد *** کزین برتر اندیشه برنگذرد
فونت ترافیک:
به نام خداوند جان و خرد *** کزین برتر اندیشه برنگذرد


مثال‌ها بیشتر در فایل ضمیمه شده موجود می‌باشد.


منبع: طراحی سایت فروشگاهی ستروکیت
درباره HTML-XHTML ,
منیجر بازدید : 8 دوشنبه 11 فروردين 1399 نظرات (0)
باسلام خدمت دوستان به تایپک حقیرانه ی ما خوش امدید

هدفم از ایجاد این تایپک دو تا مسئله است


اول اینکه

این اولین باری است که تنهایی قالب طراحی می کنم قبلا با دوستان طراحی می زدیم که نتیجه اش شد اون قالب رویال سرور

می خوام از تواناییم در نوشتن قالب اطلاع پیدا کنم و از نظرات شما مطلع بشم

دوم اینکه

می خوام از اینکه مشابه این قالب وجود داره یا نه مطمئن بشم که بعدا به مشکل بر نخوریم



این بنر قالب رو در نظر نگیرید هنوز جدیدش نیومده

در ضمن این قالب شکل صحیح لود شدنش در شکل زیر اومده





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

- شرکت تهران رایانه مبین


منتظر نظر های شما هستم
درباره HTML-XHTML ,
منیجر بازدید : 13 جمعه 01 فروردين 1399 نظرات (0)
۱-دانلود قالب (Html5 و Css3) طراحی خانه دانلود قالب مشاهده قالب ۲-دانلود قالب (Html5 و Css3) نقاشی و هنر دانلود قالب مشاهده قالب ۳-دانلود قالب (Html5 و Css3) منظره دریایی(در این قالب به خوبی از CSS3 استفاده شده است) دانلود قالب مشاهده قالب ۴-دانلود قالبی زیبا با موضوع طراحی (Html5 و Css3)
دانلود قالب مشاهده قالب ۵-دانلود قالب (Html5 و Css3) با موضوع آشپزی دانلود قالب مشاهده قالب ۶-دانلود قالب (Html5 و Css3) با موضوع گرافیک و انیمیشن دانلود قالب مشاهده قالب ۷-دانلود قالب (Html5 و Css3) گالری تصاویر(در این قالب یک گالری اسلاید شو,به وسیله جی کوئری ایجاد شده است) دانلود قالب مشاهده قالب ۸-دانلود قالب (Html5 و Css3) با موضوع نرم افزار های موبایل دانلود قالب مشاهده قالب ۹-دانلود قالب (Html5 و Css3) با موضوع مسافرت یا آژانس های مسافرتی دانلود قالب مشاهده قالب ۱۰-دانلود قالب (Html5 و Css3) با موضوع موسیقی(در این قالب یک گالری جی کوئری زیبا قرار دارد) دانلود قالب مشاهده قالب منبع: رابین وب
درباره HTML-XHTML ,

تعداد صفحات : 5

موضوعات

  • ارائه دهندگان خدمات پرداخت در محل

  • اسکریپت های فروشگاه ساز

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

  • سفارش طرح گرافیکی ، چاپ و نشر

  • خرید و فروش تبلیغات اینترنتی

  • مباحث و منابع آموزشی

  • مباحث دیگر

  • Colocation

  • فروش سرور مجازی

  • ثبت دامنه و میزبانی وب

  • موتور جستجو ، سئو و بهینه سازی

  • خدمات سئو و بهینه سازی وب سایت

  • فروش دامین

  • وب سرورها

  • معرفی سایت ، فروشگاه ، کانال و...

  • فروش پستی و پرداخت در محل

  • اشتراک گذاری

  • دیگر زبان ها

  • گفتگوی آزاد

  • درگاه های پرداخت

  • درخواست سرویس

  • فروش پنل پیام کوتاه،پیام رسان اجتماعی،تلفن مجازی

  • به دنبال کارمند هستم

  • محصولات نرم افزاری

  • خرید و فروش تلفن های همراه

  • محصولات چند رسانه ای

  • آموزشگاه گرافیک و انیمیشن

  • راه اندازی و مدیریت وب سایت اینترنتی

  • سوالات و مشکلات

  • نیازمند کار یا کارمند هستم

  • درخواست سرور مجازی

  • فروش نمایندگی هاستینگ

  • اسکریپت و قالب سایت

  • مباحث و منابع آموزشي

  • دامنه ، سایت ، گروه و کانال

  • محصولات فرهنگی آموزشی

  • اسکریپت های دیگر

  • به دنبال کار هستم

  • روابط عمومی بازارچه

  • برنامه نویسی

  • تبلیغات اینترنتی و بازاریابی آنلاین

  • کالاهای مصرفی فروشگاه اینترنتی

  • سایر محصولات و کالاها

  • سی پنل CPanel

  • ارائه دهندگان خدمات پرداخت اینترنتی

  • اسکریپت های مدیریت سایت و وبلاگ

  • Wordpress

  • شبکه های ویندوزی

  • سیستم های مدیریت محتوا

  • فروش انواع ماژول،پلاگین،قالب،افزونه،امکانات سفارشی

  • Proxy / Cache / Firewall

  • اوپن وی زد OpenVZ

  • فروش هاست اشتراکی

  • درخواست هاست اشتراکی

  • فروش سرور اختصاصی

  • وی ام ور Vmware

  • بازارچه محصولات سخت افزاری

  • سیسکو Cisco

  • سرویس دهندگان خارجی

  • پنل اس ام اس ، تلگرام و ...

  • نرم افزار

  • PHP-MySQL

  • همکاری در فروش

  • لپ تاپ و لوازم جانبی

  • Joomla-Mambo

  • کار آفرینی و مدیریت کسب و کار

  • اخبار دنیای فناوری

  • محصولات و نجهیزات ورزشی

  • 2

  • فروش انواع وب سایت،گروهای اطلاع رسانی

  • زیور آلات و جواهرات تزئینی

  • کیف ، کفش و پوشاک

  • سئو ، بک لینک و افزایش بازدید

  • فروش نقدی و پرداخت الکترونیک

  • پلاگین طراحی کنید و 200

  • آموزشگاه زبان های برنامه نویسی

  • عینک های طبی و آفتابی

  • مسائل مربوط به انجمن

  • فروش انواع لایسنس

  • وام های بانکی و تسهیلات کم بهره

  • CentOS

  • خدمات طراحی و گرافیکی

  • دايرکت ادمين DirectAdmin

  • درخواست سرور اختصاصی

  • خرید و فروش لوازم جانبی موبایل

  • ssd

  • ubuntu

  • ایده پروری ، ایده یابی و ایده پردازی

  • انجمن خیریه

  • درخواست انواع اسکریپت،سیستم عامل،نرم افزار و ..

  • متمرکزکننده کسب و کارهای اینترنتی

  • مباحث عمومی مرکز داده

  • بازی های رایانه ای

  • دامین

  • درخواست خدمات برنامه نویسی

  • نماد اعتماد الکترونیکی (اینماد)

  • راه اندازی و مدیریت فروشگاه اینترنتی

  • اثاثیه منزل و لوازم خانگی

  • فروش انواع اسکریپت،سیستم عامل،نرم افزار و ..

  • مباحث و منابع آموزش

  • مباحث و منایع آموزشی

  • کلوکسو يا ال ايکس ادمين Kloxo or LXAdmin

  • اتصالات به اینترنت و ارایه دهندگان پهنای باند

  • vBulletin

  • سرور مجازی

  • تا 70 درصد تخفیف فروش دامین

  • ارائه دهندگان وبلاگ فروشگاهی

  • آرایشی و بهداشتی

  • خدمات برنامه نویسی

  • خدمات کانفیگ سرور و وب سایت

  • درخواست نمایندگی هاستینگ

  • بازارچه خدمات برنامه نویسی

  • درخواست سخت افزار

  • ماژول ، قالب و افزونه ها

  • سرور اختصاصی

  • عطر ، اسپری و ادکلن

  • درخواست انواع ماژول،پلاگین،قالب،امکانات سفارشی

  • فروش سخت افزار

  • PHPNUKE

  • WHMCS

  • زن Xen

  • فروش ویژه شماره مجازی روسیه مخصوص تلگرام

  • شبکه های بی سیم

  • ساير مجازي سازي ها

  • دیگر سیستم ها

  • بازارچه کار و سرمایه

  • نیازمند php

  • هاست اشتراکی

  • تبلت ها و دیوایس های پرتابل

  • HTML-XHTML

  • ساير کنترل پنل ها

  • فروش عیدانه : آفر ویژه ارائه نمایندگی

  • Debian

  • دیجی سرور| فروش ویژه و استثنایی سرور مجازی از اروپا|256 مگابایت رم

  • درخواست توضیحات برای میزان مصرف cpu

  • ASP-ASP.net-Access-MSSQL

  • ارسال ایمیل تبلیغاتی و ایمیل مارکتینگ

  • شارژ خط به خط و کارت شارژ

  • درخواست خدمات کانفیگ سرور و وب سایت

  • درخواست پنل پیام کوتاه،پیام رسان اجتماعی،تلفن مجازی

  • ساعت ، تایمر و شمارنده

  • فیلم های آموزشی

  • ذخیره سازی / SAN /NSA

  • اسکریپت های مدیریت انجمن گفتگو

  • انجمن نظرسنجی

  • سایر لینوکس ها

  • کولرگازی

  • مالیات کسب و کارهای اینترنتی

  • لایک

  • درخواست کالا و خدمات

  • طراحی حرفه ای بنر

  • الگوریتم های روتینگ

  • شرکتهای خصوصی جا به جایی کالا

  • Review دیتا سنترها

  • JavaScript

  • فایروال سخت افزاری

  • بحث در مورد نرم افزار / سخت افزار مرکز داده

  • دو سرور بدون ستاپ هتزنر ex41-ssd

  • درخواست دامین

  • Diablo 3

  • گیاهان آپارتمانی و حیوانات خانگی

  • سایر مجازی سازی ها

  • سامان

  • US

  • پلسک Plesk

  • مدیریت

  • بزرگان

  • اکانتینگ Accounting

  • پلیر ها و پخش کننده ها

  • درخواست انواع وب سایت،گروهای اطلاع رسانی

  • نمایندگی میزبانی وب

  • فروشگاه صنایع دستی

  • سيتريکس Citrix Systems

  • سوالی در مورد فتوشاپ

  • AJAX

  • شبکه های لینوکسی

  • درخواست خدمات Payment Credit card

  • STP(Unshielded Twisted Pair)

  • هايپر وي Microsoft Hyper-V

  • نیروی انسانی

  • info

  • درخواست خدمات طراحی و گرافیکی

  • کردیت کارت ، گیفت کارت و ارز اینترنتی

  • Hard Enterprise

  • [بنـــر20 : طراحـی حرفه ای بنــر

  • ns1

  • یه مشکل در گوگل +1

  • مشکل با تمامی ماژول ها

  • صفحه اول گوگل و bing.com

  • 29IPs

  • سخت افزار

  • سیستم های بک آپ و بازیابی اطلاعات

  • trace

  • به مناسبت عيد سعيد فطر - ارائه درگاه پرداخت اختصاصی سامان

  • کارکرد عالی

  • ایندکس گوگل

  • onda

  • رفع خطای اتصال Remote به سرور MS SQL 2008 - Microsoft SQL Server

  • ساير لينوکس ها

  • %25 تخفیف دانشجویی

  • .info

  • KIMSUFI

  • معروف ترین سیستم همکاری در فروش

  • فروش سرور مجازی آمریکا با قیمت ویژه ( دائمی ) 512 =9

  • آموزش (10) mcsa

  • هايپر وي ام HyperVM

  • فروشگاه تبلیغاتی لونو

  • فروش دامنه های tp24

  • کلاسترینگ و محاسبات ابری

  • فروش ویژه اینترنت پرسرعت +adsl2 آسیاتک در سراسر کشور + 15

  • درخواست خدمات سئو و بهینه سازی وب سایت

  • پذیرش نمایندگی فروش هاستینگ

  • آزمون تومر

  • جشنواره اقساطی فروش سرور اختصاصی ex-px هتزنر آلمان با 65٪ تخفیف

  • پشتیبانی

  • PHPBB

  • سرور مجازی ماهانه 7 هزار تومان ، تحویل آنی ، مجازی ساز kvm

  • هاستینگ نامحدود + دامین رایگان + 1 ماه گارانتی بازگشت پول + آپ تایم 99.99 فقط 29

  • آلوما ولت طرح دار

  • پلاگين

  • رپورتاژ

  • خدمات Payment Credit card

  • فروش vps ویندوز با رم 512 مگ وارز ساپورت مناسب دانلود و آپلود فقط 18

  • نیازمند پاکت حباب دار a5

  • 10

  • فروش Positive SSL با قیمت 19

  • افزایش قیمت دامنه های .com .biz

  • حتی بدون عضو

  • 4 ماه سرور های مجازی ویژه ! هرماه یک سری ! نوروز 90

  • انتشار مقاله

  • */ فروش سرور های هتزنر

  • مهر روی ناخن

  • Token Passing

  • عدم ست شدن ns7

  • بحث در مورد سرور های فیزیکی

  • 000

  • یاهو

  • آنالیز قیمتی ۳ ارز مجازی: بیت کوین

  • Bvlgari

  • هاست اشتراکی ایران

  • فروش (46) دامنه رند آی آر هرکدام 15

  • گم شدن دو مرسوله پستی به ارزش 450

  • JQuery

  • فروش انواع گواهینامه SSL

  • مینی کار: کار ایجاد کن

  • سئو ایندکس

  • Time & Date

  • [ - Custom PHP Code - ] نمونه کد

  • سرور مجازی هلند 11

  • پوستر

  • تعرفه طراحی وب سایت

  • در کنار شما

  • خرید و فروش گیرنده دیجیتال

  • ex40-ssd

  • ثبت دامنه org=14

  • آموزش (15) mcsa

  • سایتم هک غیر حرفه ای شده

  • پرسیوا

  • فروش ویژه مجموعه مقالات

  • 90درصد تخفیف! فروش ویژه سوپر آلفا

  • فروش سرور اختصاصی ex40

  • فروش دامنه sharjemoft.com

  • Reboot

  • Virtualizor

  • علمی

  • cpanel

  • مزایده فروش وبسایت بزرگ فروش پروژه

  • مباحث عمومی در مورد سویچ و روتر

  • دوربین عکاسی و فیلمبرداری

  • خبر مهم

  • فروش ویژه پنل پیام کوتاه کاربری با تعرفه ارسال ثابت 87 ریال از اپراتور 3000 با ماژول whmcs

  • Xlhost

  • اکانت پریمیوم همزمان رپیدشیر

  • سامانه پیام کوتاه با خط 10 رقمی فقط 5

  • خريدار عمده بازي ps1

  • سرور مجازی با رم 256 فقط 7

  • dv

  • آفر ویژه سرور اختصاصی از Los Angeles

  • نمایندگی دایرکت ادمین

  • برنامه نویسی نرم افزار تلفن همراه

  • IPS

  • سئو

  • تفاوت phpbbو vBulletin

  • چک

  • آپدیت خودکار nod 32 بدون وارد کردن یوزر

  • اداری

  • سرور مجازی ارزان آلمان

  • انجمن

  • شبکه های tcp/ip

  • فرانسه

  • سايت هاي دانلود

  • سرور مجازی ایران ویندوز/لینوکس: یک گیگابایت رم+100 گیگابایت هارد+50گیگابایت پهنای باند > ماهیانه 30

  • هدر

  • آموزش (16) mcsa

  • با این روش

  • Paypal

  • خریدار اسپمر وبلاگ (میهن بلاگ

  • ساختمانهای درحال ساخت تهران

  • فروش ویژه سرور مجازی مدیریت شده | رم 4 18

  • 100t | رم 1024 = 17

  • رابطه بين 11سپتامبر

  • 16G RAM

  • تجارت الكترونيك

  • تنظیم پروپوزال و انگیزه نامه (کارشناسی ارشد، پیش دکترا، دکترا) Proposal

  • U43JC

  • شاخهای سیستم عامل لینوکس

  • آموزش (11) mcsa

  • سئو سایت

  • Rapidshare

  • قالب

  • فروش بک لینک ماهانه و رپورتاژ دائمی در دو سایت با اتوریتی های 38

  • HP DL160 G6

  • BootStrap

  • 2x1TB or 256GB SSD

  • طراحی هدر

  • آمریکا

  • مخابرات مرکز داده

  • نرم افزار تبلیغات در تلگرام

  • فروش ویژه سرور مجازی از المان

  • [25% تخفیف دائم] فروش ویژه سرور اختصاصی هتزنر سری ex

  • دامنه با پیج اتوزیتی 22

  • کنسول های بازی و لوازم جانبی

  • خريدار عمده دستگاه دور كننده گربه

  • Graphicriver

  • 412

  • Internal Error

  • 1090

  • خرید ساعت ck

  • مباحث کلی و راه حل دیتا سنتر

  • آفر ویژه رپورتاژ

  • سربرگ انجمن

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

  • جستجو آجاکس

  • تیم نویسنده حرفه ای 10 نفره

  • @@@* پیش فروش سرور مجازی آمریکا (Denver

  • تراکت

  • 3al.ir

  • صدور ویزا کارت

  • host

  • اسکریپت

  • بدلیجات
    آمار سایت
  • کل مطالب : 6,593
  • کل نظرات : 0
  • افراد آنلین : 18
  • تعداد اعضا : 0
  • بازدید امروز : 7,191
  • باردید دیروز : 6,909
  • بازدید هفته : 36,944
  • بازدید ماه : 100,888
  • بازدید سال : 631,896
  • بازدید کلی : 3,653,042