نوشته های سایه دار توسط   CSS  درست کردن سایه توسط نرم افزارهای گرافیکی مانند فتوشاپ یا فایروورکس کار ساده ای میباشد و احتمالا اکثر شما طریقه انجام این کار رو بلد هستید . اما نکته اینه که تا جایی که امکانش هست از حجم صفحات بکاهیم .

در این خود آموز روش انداختی سایه برای متون و توسط کدهای CSS رو آموزش خواهیم داد .

نوشته های سایه دار توسط   CSS  درست کردن سایه توسط نرم افزارهای گرافیکی مانند فتوشاپ یا فایروورکس کار ساده ای میباشد و احتمالا اکثر شما طریقه انجام این کار رو بلد هستید . اما نکته اینه که تا جایی که امکانش هست از حجم صفحات بکاهیم .
 

 

ادامه مطلب...

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

ادامه مطلب...

 

آموزش طراحي سايت ،  تسخيردر هنگام طراحي صفحات با استفاده از CSS بعضي مرتكب اين اشتباه ميشود كه بخش كناري صفحه را در اول صفحه قرار ميدهند و بخش اصلي را در زير آن; به همين علت بازديدكنندگان تا پايان كار لود شدن بخش كناري بايد صبر كنند.

در قسمت كناري صفحه اغلب كدهاي javascript براي استفاده از سرويسهاي سايتهاي مختلف (مثل سايتهاي اندازه گيري بازديدكنندگان يا سايت blogrolling براي لينكهاي سايت) وجود دارد به همين خاطر كار لود شدن آن قسمت مدت به نسبت زيادي را به خود اختصاص ميدهد. به همين دليل در صورت قرار گيري اين بخش در قسمت بالاتر صفحه كار لود شدن نوشته هاي اصلي صفحه به تعويق خواهد افتاد.

اين كار بر خلاف فلسفه طراحي با استفاده از CSS است. ما با استفاده از CSS سعي ميكنيم كاري كنيم كه مطالب مهمتر زودتر از بقيه موارد ظاهر شوند.

براي قرار دادن بخش اصلي در ابتداي صفحه تگ DIV مربوط به بخش اصلي را در ابتدا و تگ DIV مربوط به بخش كناري را بعد از آن قرار دهيد. سپس خصوصيت float مربوط به style بخش اصلي را تايين كنيد

 

طراحی و ساخت فرم تماس با ما ، تسخیر دات کام

CSS جايگزيني براي نمايش مبتني بر HTML پيشنهاد مي كند و اكنون به وسيله ي انجمن طراحي وب پذيرفته شده است . سازگاري css نيازمند برخي تغييرات از سوي توليد كنندگان وب است . css بسيار حساس به نحو دستوري است ، و اشتباهات كوچك مي توند باعث شكست كامل يك قانون css شود . بنابراين ، طراحان بايد از مشخصات آن آگاه باشند .

متاسفانه ، حتي اگر از قوانين پيروي كنيد ، خطاهاي آشكاري در پياده سازي مرورگرهاي پيشرفته وجود دارد . چيزهاي زيادي وجود دارد كه بايد درباره ي CSS بدانيد ، و امكانات جديد هر لحظه اضافه مي شود . CSS1 تعيين اولين شيوه نامه ، بيش از 50 خاصيت را تعريف مي كند ، و CSS2 بيش از 50 خاصيت ديگر را . CSS2 تسهيلات تغيير مكان كه CSS-P ناميده مي شود را به وجود آورده است . نگارش جديد كه CSS3 نام دارد قصد دارد امكانات ارائه بيشتري را به وجود آورد ، و با فناوري هاي ديگر ، نطير اسكريپت و گرافيك هاي برداري ، بيشتر يكپارچه شود .

مهم است به خاطر داشته باشيد كه HTML اساس و پايه ي يك صفحه وب است . CSS در واقع ، به طور مستقيم به استفاده صحيح از عناصر HTML يا XHTML استناد مي كند . ولي ، اگر به كد ناهنجاري محدود شده باشند لزوما به طور قابل پيش بيني اي كار نمي كنند .

هر چند واضح است كه مي خواهيم به برچسب هاي منطقي معني بدهيم ، ولي مواظب باشيد كه اين به شما مجوز نمي دهد از CSS به جاي كد HTML استفاده كنيد . قوانيني كه ارائه محدود برخي برچسب ها را تغيير مي دهند نبايد به كار روند . براي مثال در اينجا باعث مي شويم كه برچسب هاي <b> به طور غير معمولي عمل كنند و تمام اشكال تزئيني پيوندها را حذف نمايند :

ادامه مطلب...

 

چگونه سایت بسازیم ، آموزش طراحی سایت

 

 

براي اينكه رنگ ScrollBar صفحه سايت خود را عوض كنيد كافي است كد زير را در ابتداي برنامه خود اضافه كنيد. (تقريبا بعد از تگ )

<STYLE type=text/css>
BODY {
SCROLLBAR-FACE-COLOR: #739cbd;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #1f1f1f;
SCROLLBAR-3DLIGHT-COLOR: #739cbd;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #cee6f2;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
</STYLE>

خب يك توضيحي در مورد اين سورس بدم...

اول اينكه اين چند خط كد از دستورات CSS‌پيروي ميكنه كه در تگ Style قرار گرفته است.

Scrollbar-face-color: در اين قسمت رنگ اصلي اسكرول را تعيين مي كنيد.

Scrollbar-shadow-color: در اين قسمت رنگ سايه اسكرول را مشخص مي كنيد (خط موجود در سمت راست و پايين اسكرول)

Scrollbar-highlight-color: در اين قسمت رنگ قسمت روشن اسكرول را مشخص مي كنيد (خط موجود در سمت چپ و بالاي اسكرول)

ادامه مطلب...

 
مطالب بیشتر...


پشتیبانی آنلاین

Live Help

بعضی مشتریان

تسخیر: طراحی و خدمات آنلاین

دانشگاه پیام نور - مرکز اسلام آباد غرب

مرکز آمزش علمی کاربردی تالش

اداره ورزش و جوانان شهرستان نایین

وب سایت خبری تحلیلی جرون نیوز

وب سایت خبری علت نیوز

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

موسسه تهویه هوای مطبوع ساحل

زعفران امیر - تولید و عرضه زعفران

شرکت فیلم سازی ثابت فیلم

وب سایت اخبار فناوری اطلاعات و ارتباطات NTIT

سیستم وبلاگ دهی چیکا بلاگ

وب سایت خبرگزاری طرفداران رئال مادرید

ترکیش موزیک - اولین رسانه موسیقی ترکی

بازرگانی برق امیر- واردات لوازم الکتریکی

جستجو در سایت