CSS CSS Sun, 09 Aug 2026 00:40:21 +0000 Sun, 09 Aug 2026 00:40:21 +0000 انجمن تاپ فروم http://www.top-forum.ir/forums/32/ آموزش گام به گام CSS Wed, 07 Aug 2024 08:19:35 +0000 http://www.top-forum.ir/threads/90447/ http://www.top-forum.ir/threads/90447/ invalid@example.com (af3hin) af3hin [TR]
[TD]آموزش کار با استایل (CSS)
[/TD]
[/TR]
[TR]
[TD="colspan: 3"] CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای HTML. از طریق این استایل شیتها می توانیم از دوباره نویسی کدهای HTML که باعث مشکل شدن کد نویسی و همچنین کند شدن سرعت بارگذاری صفحه در اینترنت می شود جلوگیری کنیم. برای...

آموزش گام به گام CSS]]> 18 نحوه افزایش سرعت سایت با cdn Sat, 25 Sep 2021 13:10:26 +0000 http://www.top-forum.ir/threads/274905/ http://www.top-forum.ir/threads/274905/ invalid@example.com (mahdi0980) mahdi0980 طراحی سایت سئو شده Sun, 22 Aug 2021 11:00:11 +0000 http://www.top-forum.ir/threads/274772/ http://www.top-forum.ir/threads/274772/ invalid@example.com (sitedar2) sitedar2 وب سایت سئو شده به چه وب سایتی گفته می شود و چه مواردی می بایست در وب سایت رعایت گردد تا سایت سئو و بهینه سازی شده برای موتورهای جستجو باشد؟
برای طراحی سایت سئو می بایست موارد زیر در طراحی وب سایت مد نظر قرار گرفته شوند:
1. طراحی سایت به صورت دایو شده
2. آدرس های بهینه سازی شده برای وب سایت
3. سرعت بالا برای وب سایت
4. تولید محتوای مناسب برای وب سایت...

طراحی سایت سئو شده]]> (--(: تاپیک جامع روانشناسی رنگ ها :)--!) Thu, 11 Jun 2020 10:05:17 +0000 http://www.top-forum.ir/threads/260644/ http://www.top-forum.ir/threads/260644/ invalid@example.com (AftabGardoon) AftabGardoon :hand:سلام!:hand:
:happy:همونطور که میدونیم تو این دنیا هر چیزی روی چیزای دیگه اثر میذاره!:happy:
در نتیجه!:bored:
:D:D:Dرنگ های وب روی یوزرا تاثیر میذارن!:D:D:D
:angelic:تو این تاپیک هربار در مورد یه رنگ صحبت میکنیم!:angelic:
:geek::geek:و سعی میکنیم تموم نقطه نظرات رو بنویسیم!!!!:geek::geek:
با تشکر!:flower:
عافتابگردون!:))!:happy::happy:​]]> 102 (:--(مکتب خونه:CSS:)--!) Mon, 23 Dec 2019 08:15:30 +0000 http://www.top-forum.ir/threads/260639/ http://www.top-forum.ir/threads/260639/ invalid@example.com (AftabGardoon) AftabGardoon با عرض سلام و خسته نباشید!:hand:
تو سری تاپیکای مکتب خونه میخواییم!
یه سری زبانها رو به صورت درست حسابی و با سازماندهی براتون بذارم!:geek:
سعی میشه هر کدوم از پستای این تاپیک :bucktooth:
کوتاه!:))
رنگی رنگی!:D
روون!:roflmao:
و غیر کپی پیست باشه!:wonder:
منبع رو کنسرسیوم دبلیوتری انتخاب کردم! و سایت هایی درکنارش!:smuggrin:
لطفن اگر سوالی پیش اومد بپرسین فقط!:happy:
و از زدن پستهای دیه تو اینجا خودداری کنید!;;)
تا نظم این تاپیک به هم نخوره!:">
با تشکر! :x
عافتابگردون!:d]]> 8 21 پالت برتر برای طراحی سایت Tue, 05 Feb 2019 09:11:21 +0000 http://www.top-forum.ir/threads/263506/ http://www.top-forum.ir/threads/263506/ invalid@example.com (AftabGardoon) AftabGardoon
در ادامه به معرفی 21 سایت که به شما در انتخاب یک رنگ‌بندی عالی کمک می‌کند می‌پردازیم....

21 پالت برتر برای طراحی سایت]]> 22 مرجع انتخابگرها در css -سه بخش Sat, 17 Feb 2018 07:31:34 +0000 http://www.top-forum.ir/threads/212167/ http://www.top-forum.ir/threads/212167/ invalid@example.com (minaaa) minaaa مرجع انتخابگرها در CSS - بخش اول
​

.class

.intro
{
background-color:yellow;
}
​
این مثال تمامی عناصری که class="intro" هستند را انتخاب و style مورد نظر را به آنها اعمال میکند.
#id
#name
{
background-color:yellow;
}
​
این مثال تمامی عناصری که "id="name هستند را انتخاب و style مورد نظر را به آنها اعمال میکند....

مرجع انتخابگرها در css -سه بخش]]> 3 ..::|آموزش صفر تا صد css |::.. Sat, 09 Dec 2017 08:59:44 +0000 http://www.top-forum.ir/threads/191612/ http://www.top-forum.ir/threads/191612/ invalid@example.com (ViRTUS) ViRTUS
دوستان تصمیم گرفتم آموزش css رو از ابتدا شروع کنم تا عزیزان تازه کار هم بتونن آشنایی پیدا کرده و مشکلات خودشون در این زمینه رو حل کنن .

آموزش صفر تا صد css

بخش اول معرفی ابتدایی css

css مجموعه ای از دستورات متنی هستش که برای اعمال تغییرات در کدهای به زبان html استفاده میشه که با استفاده از اون میشه اکثر خواص ظاهری صفحه نگاشته شده با html رو ویرایش کرد .

کدهای css رو به سه طریق میتوان به کار برد :

1. در داخل تگ با استفاده از خصوصیت style . برای مثال

کد:
[LEFT]...
..::|آموزش صفر تا صد css |::..]]> 5 آموزش html از سطح مبتدی تا پیشرفته Tue, 13 Oct 2015 08:22:34 +0000 http://www.top-forum.ir/threads/248163/ http://www.top-forum.ir/threads/248163/ invalid@example.com (!!!OMID!!!) !!!OMID!!!
«به نام خدا»
آموزش زبان برنامه نویسی وب
جلسه اول
دراین دوره اموزشی قصد دارم. ابتدا شما را با مفاهیم پایه زبان برنامه نویسی وب html اشنا کنم وپس از ان به سراغ مباحث پیشرفته تر بروم .
html چیست ؟
زبان برنامه نویسی (html (heper text markup language یا زبان نشانه گذاری فرا متن در کنار css هسته ساخت صفحات وب را تشکیل می دهند.
هر یک از برچسب های اچ تی ام ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می گذارند؛ مثلاً برچسب هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم...

آموزش html از سطح مبتدی تا پیشرفته]]> رنگ های html Tue, 13 Oct 2015 08:21:37 +0000 http://www.top-forum.ir/threads/248162/ http://www.top-forum.ir/threads/248162/ invalid@example.com (!!!OMID!!!) !!!OMID!!!
رنگ‌های اچ‌تی‌ام‌ال

رنگ مبنای ۱۶ رنگ مبنای ۱۶ رنگ مبنای ۱۶ رنگ مبنای ۱۶

آبی دریایی #۰۰ffff سیاه #۰۰۰۰۰۰ آبی #۰۰۰۰ff...

رنگ های html]]> آموزش جامع CSS به زبان ساده Wed, 19 Aug 2015 17:18:57 +0000 http://www.top-forum.ir/threads/245373/ http://www.top-forum.ir/threads/245373/ invalid@example.com (نیلوفر بانو) نیلوفر بانو آموزش جامع CSS به زبان ساده

[​IMG]
مقدمه
صفحه ای که هم اکنون در آن حضور دارید، همانند جاده ای است که رسیدن به انتهای آن، به معنی یادگیری CSS است. کافیست در کنار دیگر همراهان همیشگی وب سایت ها دات کام در این مسیر قدم بگذارید و با گذراندن یک دوره آموزش رایگان، این زبان طراحی لذت بخش را یکبار برای همیشه به ساده ترین شکل ممکن بیاموزید. در طول آموزش همواره تلاش شده مطالب به زبان...

آموزش جامع CSS به زبان ساده]]> 1 10 ابزار مفید برای پاکسازی css Sun, 09 Feb 2014 16:16:50 +0000 http://www.top-forum.ir/threads/224088/ http://www.top-forum.ir/threads/224088/ invalid@example.com (minaaa) minaaa ابزارها سی اس اس

[h=1]10 ابزار مفید برای پاکسازی css[/h]مزایای داشتن یک سی اس اس تمیز و سازمان یافته بر کسی پوشیده نیست. سایت شما با داشتن یک css بدون اشکال، سریع تر بارگذاری شده و در نتایج جستجو رتبه بالاتری کسب خواهد کرد. همچنین این ویژگی مثبت، نشانه ای دال بر حرفه ای بودن شماست. اما، تمیز کردن css از استایل های تکراری و اشتباه، فرآیندی...

10 ابزار مفید برای پاکسازی css]]> یک ترفند ساده برای اشکال زدایی outdent :CSS کردن خصیصه ها Sun, 09 Feb 2014 15:48:50 +0000 http://www.top-forum.ir/threads/224083/ http://www.top-forum.ir/threads/224083/ invalid@example.com (minaaa) minaaa سی اس اس

[h=1]یک ترفند ساده برای اشکال زدایی outdent :CSS کردن خصیصه ها[/h]

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

یک ترفند ساده برای اشکال زدایی outdent :CSS کردن خصیصه ها]]> شماره گذاری خودکار به کمک سی اس اس Sun, 09 Feb 2014 15:37:35 +0000 http://www.top-forum.ir/threads/224081/ http://www.top-forum.ir/threads/224081/ invalid@example.com (minaaa) minaaa سی اس اس


[h=1]شماره گذاری خودکار به کمک سی اس اس[/h]

همه طراحان وب با سی اس اس و دستورات آن آشنا هستند. در نسخه های 1 و 2 و 3 آن دستورات متنوعی وجود دارد. همانطور که می دانید به مرور زمان مرورگرها پشتیبانی بیشتری از دستورات سی اس اس داشته اند. امروزه با خیال راحت می توانیم از بسیاری از دستورات CSS3 استفاده کنیم.
اما در این نوشته می خواهیم یکی از...

شماره گذاری خودکار به کمک سی اس اس]]> تنظیم شفافیت عناصر Opacity Fri, 30 Aug 2013 16:15:05 +0000 http://www.top-forum.ir/threads/212184/ http://www.top-forum.ir/threads/212184/ invalid@example.com (minaaa) minaaa
Opacity
با ویژگی Opacity میتوانید شفافیت تصاویر را تغییر دهید.
img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

​
در مثال بالا زمانیکه opacity=40 تنظیم شده است ، تصویر کدر تر نمایش داده میشود و زمانیکه opacity=100 در نظر گرفته شده است تصویر به صورت کاملا شفاف...

تنظیم شفافیت عناصر Opacity]]> خواص نمایش عناصر Cursor , Display , Visibility Fri, 30 Aug 2013 16:08:58 +0000 http://www.top-forum.ir/threads/212183/ http://www.top-forum.ir/threads/212183/ invalid@example.com (minaaa) minaaa cursor
انواع مختلفی از نمایش مکان نما در صفحه را مشخص میکند.
زمانی که روی یک عنصری که مشخص کرده ایم میرویم مکان نما به شکل مورد نظر نشان داده میشود.
span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}
​
visibility
مخفی کردن عناصر در css با این ویژگی امکان پذیر است :

  • none
  • hidden...

خواص نمایش عناصر Cursor , Display , Visibility]]> محل قرارگیری عناصر - خواص Clear , Float Fri, 30 Aug 2013 16:06:48 +0000 http://www.top-forum.ir/threads/212182/ http://www.top-forum.ir/threads/212182/ invalid@example.com (minaaa) minaaa float

در این بخش از آموزش css به توضیح ویژگی محل قرارگیری عناصر - خواص Clear , Float میپردازیم.
با این ویژگی از css موقعیت یک عنصررا می توانید سمت چپ یا راست تنظیم کنید.
یکی از پرکاربردترین ویژگی ها در css میباشد. بادادن این ویژگی به تگ ها شما میتوانید سایت های چند ستونه ایجاد کنید.
این خاصیت یکی از پایه های اساسی در طراحی قالب بر اساس div می باشد.
وقتی به یک عنصر در کد خود float به سمت چپ یا راست میدهید ، عنصر مورد...

محل قرارگیری عناصر - خواص Clear , Float]]> محل قرارگیری عناصر - خواص مربوط به Position Fri, 30 Aug 2013 16:03:59 +0000 http://www.top-forum.ir/threads/212181/ http://www.top-forum.ir/threads/212181/ invalid@example.com (minaaa) minaaa با استفاده از ویژگی Position موقعیت عنصر در صفحه را مشخص کنید.همچنین میتوانید یک عنصر را پشت عنصر دیگر قرار دهید و اینکه چه اتفاقی بیفتد زمانی که محتوای یک عنصر بیش از اندازه بزرگ است.
عناصری که از ویژگی Position استفاده میکنند،ویژگی های زیر را نیز میتوانند داشته باشند.

  1. top
  2. bottom
  3. left
  4. right
چهار روش مختلف برای موقعیت دهی عناصر در صفحه وجود دارد:

Static...

محل قرارگیری عناصر - خواص مربوط به Position]]> خواص مربوط به سرریزی Overflow عناصر در CSS Fri, 30 Aug 2013 15:22:20 +0000 http://www.top-forum.ir/threads/212169/ http://www.top-forum.ir/threads/212169/ invalid@example.com (minaaa) minaaa در صورتی که محتوای یک عنصر سر ریز کند با این ویژگی میتوانید مشخص کنید که بعد از سرریز شدن چه اتفاقی بیفتد.
div
{
width:150px;
height:150px;
overflow:scroll;
}

​
در مثال بالا ، در صورتی که ارتفاع و عرض محتوای داخل div بیشتر از مقدار طول و عرض تعیین شده شود ، div بصورت اسکرول نمایش داده میشود.
مقادیری که میتوانید در این خصوصیت استفاده کنید :
visible : حالت پیش فرض است که بصورت معمولی نمایش داده می شود....

خواص مربوط به سرریزی Overflow عناصر در CSS]]> آموزش css/ظاهر جداول/خاصيت empty-cells Tue, 16 Apr 2013 14:26:24 +0000 http://www.top-forum.ir/threads/195375/ http://www.top-forum.ir/threads/195375/ invalid@example.com (MajiD.JD) MajiD.JD آموزش css/ظاهر جداول/خاصيت empty-cells

[h=3] خاصيت empty-cells [/h] [TABLE="class: pr, width: 100%"]
[TR]
[TD="class: prname"] نام خاصيت
[/TD]
[TD="class: prname"] نوع خاصيت
[/TD]
[TD="class: prdes"]...​
آموزش css/ظاهر جداول/خاصيت empty-cells]]>