دانلود || Responsive Framework

[وحید نامنی 12154]

نام فایل: Responsive Framework

ارسال کننده: وحید نامنی

فایل ارسال شده: ۰۹ شهریور ۱۳۹۳

بخش فایل: 3.4

 

این مد بدون هیچ تغییری در قالب پیش فرض IPB آن را responsive یا واکنش گرا می کند. روی بسیاری از قالب های دیگر که بر مبنای قالب پیش فرض ساخته شده اند نیز کار می کند.

 

this is a package with (Skin/Hook)
1-Default Skin :
a- convert ipslayout to be fluid
b- add a 12 column Grid
c-responsive skin layout

2-Responsive Hook:
A Hook can make your custom skin responsive.
to do this : install the hook and in your custom skin open the template global-templates -->responsive_js and find

$this->settings['enable-responsive-in-this-skin']=0

replace it by

$this->settings['enable-responsive-in-this-skin']=1

Demo :

http://www.IPS-skins.com/skinchange.php?id=116

Some information regarding the package
/**************************/
12 column ipsLayout Grid :
1-we convert current ipsLayout to be fluid ( percentage not by PX )
2- includes extended 12 column ipsLayout
3- includes media queries to make default skin responsive as possible without any html edit
4-includes one mini js to make the nav tiny in small browsers
what is the benefit ?
1-you still can use the default ipsLayout html structure ,so no confilct with the IPS addon's or third-party apps , moreover fluid layout is better for large screens .
2-you can use the extended ipsLayout grid and create many many different layouts

basic HTML Markup

<div class="ipsLayout">
<div class="one block">
<div class="ipsBox">
<div class="ipsBox_container ipsPad">
one block
</div>
</div>
</div>
<div class="three block">
<div class="ipsBox">
<div class="ipsBox_container ipsPad">
three block
</div>
</div>
</div>
<div class="eight block">
<div class="ipsBox">
<div class="ipsBox_container ipsPad">
eight block
</div>
</div>
</div>
</div>

you can also use the classes margin-left-x or margin-right-x to add margin to each col in right or left

<div class="ipsLayout">
<div class="two block">
<div class="ipsBox">
<div class="ipsBox_container ipsPad">
two block
</div>
</div>
</div>
<div class="four block margin-left-two">
<div class="ipsBox">
<div class="ipsBox_container ipsPad">
four block margin-left-two
</div>
</div>
</div>
<div class="three block margin-right-one">
<div class="ipsBox">
<div class="ipsBox_container ipsPad">
three block margin-right-one
</div>
</div>
</div>
</div>

you can still use default IPS Layout Html Markup like

<div class="ipsLayout ipsLayout_withleft ipsLayout_withright ipsLayout_largeleft ipsLayout_largeright clearfix" >
    
    <div class="ipsLayout_left">
        <div class="general_box">
left
        </div>
    </div>
    
    <div class="ipsLayout_right">
        
            <div class="general_box">
right
            </div>
</div>
    
    <div class="ipsLayout_content" id="main-content">
        <div class="ipsBox">
            <div class="ipsBox_container ipsPad">
                content
            </div>
                
                
        </div>
    </div>
</div> 

where in this case
tiny = one block
small=two block
large=three block
big= four block
huge=five block

License :
you can use this for Free/Paid projects only in IPS MarketPlace under these condition:
1-please do not remove my copyright in my css
2- please add in your file description a link to this file

 

 

برای دریافت فایل اینجا را کلیک کنید

[persia 87]

با سلام

ممنون ازاین مد میبخشید این کارایی که نوشته هم رو باید انجام بدیم؟

[وحید نامنی 12154]

اون کارها برای قالب هایی هست که پیش فرض نیستن.

[Mohammad Mz 263]

اون کارها برای قالب هایی هست که پیش فرض نیستن.

ببخشد جمله تون گنگه:

منظورتون اینه که: برای قالب هایی که از روی قالب پیشفرض ساخته نشده اند است؟؟

یا برای قالب هایی که قالب پیشفرض انجمن نیستند میباشد؟؟

----

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

--

با نصب این مد قالب موبایل غیر فعال میشود؟؟

[سعید نظری 1710]

 

ببخشد جمله تون گنگه:

منظورتون اینه که: برای قالب هایی که از روی قالب پیشفرض ساخته نشده اند است؟؟

یا برای قالب هایی که قالب پیشفرض انجمن نیستند میباشد؟؟

همه ی پوسته های آی پی بورد از روی پوسته ی دیفالت ساخته میشن.منظور ایشون هم پوسته هایی هست که خیلی ادیت شده هستند و ساختار اصلیشون رو طراحش تغییر داده و کد های اصلی تمپلیت متفاوت از پوسته ی پیشفرض هستند.

 

 

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

--

با نصب این مد قالب موبایل غیر فعال میشود؟؟

خیر

خیر

-----------------------------------------

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

با گوشی یا ابزار ریسپانسیو فایرفاکس یا emulation در inspect element کروم . قالب دمویی که داده رو تو حالت ریسپانسیو ببینید بعد اگر خوشتون اومد نصبش کنید

[usp 0]

سلام . توی پوشه فشرده ، تو فایل xml هست ، هر دو رو نصب کردم اما هیچ هوکی اضافه نشد ! قالبم هم قالب Dashboard هست .

[mo73 0]

آیا میشه روی قالب subway  پیاده سازسش کرد

در ضمن این مد چجمری نصب میشه باید از قسمت import نصبش کرد

[وحید نامنی 12154]

آیا میشه روی قالب subway  پیاده سازسش کرد

در ضمن این مد چجمری نصب میشه باید از قسمت import نصبش کرد

خیر امکانش نیست.

توی تاپیکی که زدید نصبش رو براتون توضیح دادن. مراجعه کنید به تاپیکی که زدید.

موفق باشید