ایجاد باکس مربعی رنگی

نمایش نسخه قابل چاپ

08-14-2012, 07:09 AM
taha1983

ایجاد باکس مربعی رنگی

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

سایت هایی که چنین چیزی رو دارن مثل
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
تو سایتی که در بالا قرار دادم یک باکس مربعی خاکستری وجود داره که اونو تو ی پست متمایز میکنه.

یا مثلا سایت [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

داخل پست 6 تا باکس قرار داد

باکس خاکستری برای تبلیغات
باکس لینک دانلود (زرد)
باکس حجم فایل(زرد)
باکس مرجع (زرد)
وباکس گوگل پلاس (سبز)

اگه کسی از دوستان بتونه تو این زمینه کمکم کنه خیلی ممنون میشم
یادم بود که یه پلاگینی چنین کاری رو انجام میداد من فقط برای جوملا 2.5 اینو میخوام وخیلی بهش احتیاج دارم . با تشکر
08-14-2012, 11:18 AM
P30Yaran

سلام
دوست عزیز شما می تونید در فایل های سی اس اس قالبتون یه استایل تعریف کنید و هر زمانی که دوست داشتید ازش استفاده کنید اون استایل رو فراخوانی کنید !
یه نمونه کدی براتون زدم :

کد:

<!DOCTYPE html> <html> <head> <style type="text/css"> div.ex { width:220px; padding:10px; background-color:#ffefa3; border:1px solid #ffd709; margin:0px; } </style> </head> <body> <img src="250px.gif" width="250" height="1" /><br /><br /> <div class="ex">Joomlafarsi.com<br /> P30Yaran</div> </body> </html>

شبیه به همون باکس زردی هست که توی توضیحات فرموده بودید درستش کردم!
موفق باشید
08-14-2012, 01:16 PM
taha1983

خیلی ممنون از پاسختون فکر میکنم دارم جوابمو میگیرم چند تا سوال داشتم
1-معنی کد زیر چیست ؟

<!DOCTYPE html>

2- در پوشه css قالب یک فایل با پسوند css ایجاد کنم و اونو چطوری فراخوانی کنم ؟

3-آیا فرایند فراخوانی دوباره باید کد نویسی کنم یا اینکه کار دیگه ای باید انجام بدم ؟

خیلی ممنون از پاسختون
08-14-2012, 01:37 PM
P30Yaran

سلام

نقل قول:

1-معنی کد زیر چیست ؟

<!DOCTYPE html>

نمی دونم چطور توضیح بدم ! با استفاده از این کد به مرورگر میشناسونید که از چه نسخه ای از HTML میخواهید استفاده کنید!
در مورد سوال 2-3 باید بگم که:
شما کد زیر رو در فایل template.css اضافه کن (آخرش هرجاش که شد جاش مهم نیست:D)

کد:

div.ex { width:220px; padding:10px; background-color:#ffefa3; border:1px solid #ffd709; margin:0px; }

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

کد:

<div class="ex">Joomlafarsi.com<br /> P30Yaran</div>

به جای متن Joomlafarsi.com<br />P30Yaran شما هر چی دوست داری بنویس ! مهم این کلاسی هست که داره فراخونی میشه (<div class="ex">)
موفق باشید
08-14-2012, 02:29 PM
mahdi.manian

سلام.

در مورد سوال سوم ، روش P30Yaran را برید درسته. ولی اگه می خواهید یک فایل css جدید بسازید ، برای فراخوانی آن کد زیرا به فایل php قالب اضافه کنید. (معمولا index.php)

کد:

<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/nav_menu.css" type="text/css "/>

به جای
nav_menu.css
هم اسم فایلتونو بنویسید!

موفق باشید.
08-15-2012, 07:31 AM
taha1983

lممنون از پاسخ همه برم یه تست کنم
08-30-2012, 02:31 PM
taha1983

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] عزیز من این روش رو رفتم ولی نشد باید تو tempelate-rtl هم کاری انجام بدم.
08-31-2012, 11:14 AM
Amir_P

سلام دوستان

یکم ساده تر با یه کامپوننتی ماژولی چیزی توضیح بدید من هم نیاز دارم
08-31-2012, 03:00 PM
amirsam_1

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

موفق باشید
یا علی