CSS مرتب سازی قالب صفحه فرم تماس با ما جوملا 3

عضو شوید

عضویت سریع

تلفن تهران: 22083926 - 22085386 - 22082258 | آدرس: تهران، سعادت آباد، سرو غربی، کوچه آریا، پلاک 4، واحد 7 http://sitedesign.joomir.com http://sitedar.com

براي اطلاع از آپيدت شدن وبلاگ در خبرنامه وبلاگ عضو شويد تا جديدترين مطالب به ايميل شما ارسال شود

خدمات طراحی سایت

جشنواره وب ایران

Darkob web design

stackoverflow web design

هاست دارکوب

طراحي سايت دارکوب

slideshare

موتور جستجوی طراحی سایت

موتور جستجوی هاستینگ

طراحی سایت دارکوب در behance

طراحی سایت و هاست در behance

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

دفتر شرکت طراحی صفحات سایت دارکوب

دفتر مربوط به شرکت هاست دارکوب

لینکدین دارکوب

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

تویتر هاست و ساخت وب گروه دارکوب

مهدی موعود

لینکدین طراحی سایت و هاست دارکوب

الکترونیکی ها

خرید و فروش رایگان کالای دسته اول و مستعمل

هاست ویندوز

فیس بوک دارکوب

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

آمار وب سایت:

بازدید امروز : 40
بازدید دیروز : 0
بازدید هفته : 116
بازدید ماه : 1350
بازدید کل : 435167
تعداد مطالب : 271
تعداد نظرات : 0
تعداد آنلاین : 1

آمار مطالب

:: کل مطالب : 271
:: کل نظرات : 0

آمار کاربران

:: افراد آنلاین : 1
:: تعداد اعضا : 22

کاربران آنلاین

آمار بازدید

:: بازدید امروز : 40
:: باردید دیروز : 0
:: بازدید هفته : 116
:: بازدید ماه : 1350
:: بازدید سال : 6631
:: بازدید کلی : 435167

CSS مرتب سازی قالب صفحه فرم تماس با ما جوملا 3

نوشته شده توسط : طراحی سایت

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

برای مرتب سازی بخش اطلاعاتب بالای صفحه تماس با ما از کد CSS زیر استفاده نمایید:

dt,dd{ float:right;}
dt{ clear:right; }
dd{ clear:left; }
.accordion-heading{ width:100%; clear:both;}

برای مرتب سازی فرم تماس با ما جوملا از کد زیر:

.controls{ text-align:right;}

و برای استایل دهی به تول تیپ های فرم تماس جوملا از کد CSS زیر استفاده نمایید:

.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
text-align:right;
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align:right;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip {
max-width: 400px;
}
.tooltip-inner {
max-width: none;
text-align: right;
text-shadow: none;
}
th .tooltip-inner {
font-weight: normal;
}
.tooltip.hasimage {
opacity: 1;
}
.tip-text {
text-align: right;
}

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

سورس و منبع:

مرتب سازی قالب صفحه فرم تماس با ما جوملا 3

:: برچسب‌ها: جوملا , css ,
:: بازدید از این مطلب : 629

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

تاریخ انتشار : یک شنبه 6 دی 1394 | نظرات ()

قالب تهی جوملا 2.5 و 3

نوشته شده توسط : طراحی سایت

وب سایت :http://blank.vc/

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

منبع:

http://sitedesign.joomir.com/طراحی-سایت-جوملا/item/676-قالب-خالی-جوملا-2-5-و-3.html

:: برچسب‌ها: قالب سایت , قالب وب , جوملا , html , css , طراحی سایت , طراحی , طراحان وب , طراحان سایت ,
:: بازدید از این مطلب : 721

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

تاریخ انتشار : سه شنبه 3 دی 1392 | نظرات ()

ابزارهای جدید برای طراحان و توسعه دهندگان وب در 2013

نوشته شده توسط : طراحی سایت

در سال 2013 ابزارهای جدیدی برای طراحان و توسعه دهندگان وب معرفی شدند که شامل برنامه های جدید وب، منابع jquery، ابزارهای توسعه وب، ابزارهای طراحی سایت موبایل، ابزارهای کد زنی و ابزارهای ساخت فونت های جدید می باشد.

بسیاری از ابزارهای زیر رایگان هستند و بسیاری دیگر را می توانید به مبلغ اندکی خریداری نمایید.

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

Typewolf

قصد ابداع در فونت ها را دارید؟ Typewolf برای شما بهترین سایت می باشد. فقط به شما قابلیت ایجاد فونت مورد نظر را نمی دهد بلکه فونت مناسب شما را می یابد.

Bootstrap 3

Bootstrap, فریم ورک موبایل اول از توئیتر, اما Bootstrap 3 RC1 به وجود آمد. این نسخه تغییرات بسیاری نسبت به نسخه های قبلی نموده است.

iOS 7 Wireframe Kit

iOS7 Wireframe Kit به شما امکان ایجاد وایر فریم را در Illustrator می دهد.

Tiff

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

Bytesize

Bytesize پادکست در مورد طراحی، توسعه وب و تکنولوژی می باشد. شما همچنین می توانید خلاصه مقاله را با لینک به مقاله مطالعه نمایید.

Skeuocard

منبع:

http://sitedesign.joomir.com/مقالات-طراحی-سایت/item/700-ابزارهای-جدید-برای-طراحان-وب-در-2013.html

:: برچسب‌ها: طراحان وب , طراحان سایت , طراح وب , وب سایت , css , jquery , html5 , html ,
:: بازدید از این مطلب : 591

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

تاریخ انتشار : شنبه 16 آذر 1392 | نظرات ()

چک لیست رفع عیب html و css و طراحی سایت

نوشته شده توسط : طراحی سایت

رفع عیب گام به گام html و css

همیشه این سوال را در ذهن داشتم که چگونه می توان عیب های یک طراحی سایت را یافت. همیشه راهی وجود دارد که طراحی را به درستی انجام دهیم, راه های بسیاری برای یافتن اشتباهات وجود دارد. مشکل می تواند از بارگذاری نکردن یک فایل و یا یک کانفلیکت در css سایت باشد. با یافتن مشکل می توان آن را رفع کرد.

برای رفع مشکل شما به صورت علمی دو روش وجود دارد:

کنار گذاشتن مواردی که درست کار می کنند
گذاشتم تمرکز بروی مواردی که بر روی آنها کار نشده

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

چک لیست طراحی سایت

□ آیا تمامی فایل ها بارگذاری شده؟
آدرس تمامی فایل های مرتبط را در مرورگر تست نمایید, و مطمئن شوید تمامی آنها باز می شوند. این فایل ها شامل فایل های زیر می باشند:

فایل های HTML
فایل های CSS
تصاویر
فایل های JavaScripts
فایل های خارجی دیگر نظیر مالتی مدیاها

□ آیا آدرس تمامی فایل ها درست می باشد
در صورتی که صفحه سایت مورد نظر بالا نمی آید, و در صورتی که می دانید فایل را بارگذاری نموده اید, به هاست خود مراجعه نمایید و فایل خود را در آدرس مورد بررسی قرار دهید.

برای فایل هایی که از درون فایل html لینک داده می شود آدرس کامل و دقیق را وارد نمایید. بهترین راه برای آدرس دادن آن است که آدرس صفحه را از مرورگر کپی نموده و بر روی لینک قرار دهید.

منبع:

http://sitedesign.joomir.com/مقالات-طراحی-سایت/item/702-چک-لیست-رفع-عیب-طراحی-سایت.html

:: برچسب‌ها: طراحی سایت , css , html , وب سایت , طراحی ,
:: بازدید از این مطلب : 626

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

تاریخ انتشار : شنبه 16 آذر 1392 | نظرات ()

صفحه قبل 1 2 3 4 5 ... 28 صفحه بعد