عيد الاضحى المبارك


مواضيع تهمك

ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo

السلام عليكم ورحمه الله وبركاته درسنا اليوم راعينا فيه استخدم مكتبه الخطوط Font Awesome والخط الكوفى لان القالب...

احصائياتى

الردود
12

المشاهدات
3661
abo-karim
.:: Administrator ::.
  • abo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud of

  • abo-karim غير متواجد حالياً

المشاركات
4,227

+التقييم
20

تاريخ التسجيل
Jun 2015

الاقامة
ام الدنيــ EGYPT ــا

نظام التشغيل
windows 7

رقم العضوية
1
06-29-2017, 04:33 PM
المشاركة 1
06-29-2017, 04:33 PM
المشاركة 1
افتراضي قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo
السلام عليكم ورحمه الله وبركاته
درسنا اليوم راعينا فيه استخدم مكتبه الخطوط Font Awesome والخط الكوفى لان القالب الاقتباس اليوم ليس كاى قالب لانه القالب الخاص بمعهد هيلبرنت اليوم اطرحه بعد تحويله ولله الحمد من vbulletin الى xenforo لان الكل يعرف ان الاسكريبت المستخدم بمعهد هيلبرنت هو الفى بى او vbulletin .
لنبدء على بركة الله


1- قم بتسجيل الدخول للوحة تحكم المنتدى >>>> ثم الى المظهر >>>> ثم البحث فى القوالب >>>>> ابحث عن قالب اسمه bb_code_tag_quote
2- امسح ما بداخله من اكواد ثم قم باستبدال محتواه بهذا الكود
كود:
<xen:require css="bb_code.css" />

<xen:comment><!-- content is escaped via parser --></xen:comment>
<div class="bbCodeBlock bbCodeQuote{xen:if $ignored, ' ignored'}"{xen:if $nameHtml, ' data-author="{$nameHtml}"'}>
    <aside>
        <xen:if is="{$nameHtml}">
            <div class="attribution type">{xen:phrase x_said, 'name={xen:raw $nameHtml}'}:
                <xen:if is="{$source}">
                    <a href="{xen:link 'goto/{$source.type}', '', 'id={$source.id}'}#{$source.type}-{$source.id}" class="AttributionLink">&uarr;</a>
                </xen:if>
            </div>
        </xen:if>
        <blockquote class="quoteContainer"><div class="QuoteIcon fa fa-quote-right"></div><div class="quote">{xen:raw $content}</div><div class="quoteExpand">{xen:phrase click_to_expand}</div></blockquote>
    </aside>
</div>
3- قم بالدخول للوحة تحكم المنتدى >>>> ثم الى المظهر >>>> ثم البحث فى القوالب >>>>> ابحث عن قالب اسمه bb_code.css
4- امسح ما بداخله من اكواد ثم قم باستبدال محتواه بهذا الكود
كود:
/* .bbCodeX classes are designed to exist inside .baseHtml. ie: they have no CSS reset applied */

.bbCodeBlock
{
    @property "bbCodeBlock";
    border: 1px solid #f1d8ac;
    border-radius: 5px;
    box-shadow: 0 0 3px #eee;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding: 1px;
    @property "/bbCodeBlock";
}

    .bbCodeBlock .bbCodeBlock,
    .hasJs .bbCodeBlock .bbCodeSpoilerText,
    .messageList.withSidebar .bbCodeBlock
    {
        margin-right: 0;
    }

    /* mini CSS reset */
    .bbCodeBlock pre,
    .bbCodeBlock blockquote
    {
        margin: 0;
    }
    
    .bbCodeBlock img
    {
        border: none;
    }

.bbCodeBlock .type
{
    @property "bbCodeBlockType";
    font-size: 13px;
    font-family: @body.font-family;
    color: #c1611a;
        background-color: #fff5d3;
    padding: 7px 8px;
    border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #FFF;
    border-top-left-radius: @fa_borderradiuss;
    border-top-right-radius: @fa_borderradiuss;
    @property "/bbCodeBlockType";
}

.bbCodeBlock pre,
.bbCodeBlock .code
{
    @property "bbCodeCode";
    font-size: 10pt;
    font-family: Consolas, 'Courier New', Courier, monospace;
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: @fa_borderradiuss;
    word-wrap: normal;
    overflow: auto;
    line-height: 1.24;
    min-height: 30px;
    max-height: 500px;
    _width: 600px;
    direction: ltr;
    @property "/bbCodeCode";
}

.bbCodeBlock .code
{
    white-space: nowrap;
}

.bbCodeQuote
{
    @property "bbCodeQuote";
    overflow: auto;
    @property "/bbCodeQuote";
}

.bbCodeQuote .attribution
{
    @property "bbCodeQuoteAttribution";

    @property "/bbCodeQuoteAttribution";
}




.QuoteIcon {
    color: #cd8a33;
    float: left;
    font-size: 36px !important;
    text-shadow: 0 1px 1px #fff;
    margin-right: 10px;
}







.bbCodeQuote .quoteContainer
{
    overflow: hidden;
    position: relative;
    
    @property "bbCodeQuoteMessage";
    font-style: italic;
    font-size: 9pt;
    background-color: #fff5d3;
    padding: 10px;
    border-radius: @fa_borderradiuss;
    @property "/bbCodeQuoteMessage";
}

<xen:if is="@bbCodeQuoteMaxHeight">
    .bbCodeQuote .quoteContainer .quote
    {
        max-height: @bbCodeQuoteMaxHeight;
        overflow: hidden;
        padding-bottom: 1px;
    }
    
        .NoJs .bbCodeQuote .quoteContainer .quote
        {
            max-height: none;
        }

    .bbCodeQuote .quoteContainer .quoteExpand
    {        
        display: none;
        box-sizing: border-box;
        position: absolute;
        height: 80px;
        top: {xen:calc '@bbCodeQuoteMaxHeight + intval(@bbCodeQuoteMessage.padding-top) + intval(@bbCodeQuoteMessage.padding-bottom) - 80'}px;
        left: 0;
        right: 0;
        
        font-size: 11px;
        line-height: 1;
        text-align: center;
        color: @secondaryLight;
        cursor: pointer;
        padding-top: 65px;
        background: -webkit-linear-gradient(top, {xen:helper rgba, @bbCodeQuoteMessage.background-color, 0} 0%, {xen:helper unrgba, @bbCodeQuoteMessage.background-color} 80%);
        background: -moz-linear-gradient(top, {xen:helper rgba, @bbCodeQuoteMessage.background-color, 0} 0%, {xen:helper unrgba, @bbCodeQuoteMessage.background-color} 80%);
        background: -o-linear-gradient(top, {xen:helper rgba, @bbCodeQuoteMessage.background-color, 0} 0%, {xen:helper unrgba, @bbCodeQuoteMessage.background-color} 80%);
        background: linear-gradient(to bottom, {xen:helper rgba, @bbCodeQuoteMessage.background-color, 0} 0%, {xen:helper unrgba, @bbCodeQuoteMessage.background-color} 80%);
        
        border-bottom-left-radius: @bbCodeQuoteMessage.border-bottom-left-radius;
        border-bottom-right-radius: @bbCodeQuoteMessage.border-bottom-right-radius;
    }
    
    .bbCodeQuote .quoteContainer .quoteExpand.quoteCut
    {
        display: block;
    }
    
    .bbCodeQuote .quoteContainer.expanded .quote
    {
        max-height: none;
    }
    
    .bbCodeQuote .quoteContainer.expanded .quoteExpand
    {
        display: none;
    }
<xen:else />
    .bbCodeQuote .quoteContainer .quoteExpand
    {
        display: none;
    }
</xen:if>

    .bbCodeQuote img
    {
        max-height: 150px;
    }
    
    .bbCodeQuote iframe,
    .bbCodeQuote .fb_iframe_widget,
    .bbCodeQuote object,
    .bbCodeQuote embed
    {
        max-width: 200px;
        max-height: 150px;
    }
    
    .bbCodeQuote iframe:-webkit-full-screen
    {
        max-width: none;
        max-height: none;
    }
    
    .bbCodeQuote iframe:-moz-full-screen
    {
        max-width: none;
        max-height: none;
    }
    
    .bbCodeQuote iframe:-ms-fullscreen
    {
        max-width: none;
        max-height: none;
    }
    
    .bbCodeQuote iframe:fullscreen
    {
        max-width: none;
        max-height: none;
    }
    
.bbCodeSpoilerButton
{
    margin: 5px 0;
    max-width: 99%;
}

    .bbCodeSpoilerButton > span
    {
        display: inline-block;
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
.hasJs .bbCodeSpoilerText
{
    display: none;
    @property "bbCodeSpoilerText";
    background-color: @primaryLightest;
    padding: 5px;
    margin-top: 5px;
    margin-right: @messageInfo.margin-left;
    margin-bottom: 5px;
    border: 1px solid @primaryLighterStill;
    border-radius: @fa_borderradiuss;
    overflow: auto;
    @property "/bbCodeSpoilerText";
}

    .hasJs .bbCodeSpoilerText .bbCodeSpoilerText,
    .hasJs .bbCodeSpoilerText .bbCodeBlock,
    .hasJs .messageList.withSidebar .bbCodeSpoilerText
    {
        margin-right: 0;
    }
    
.NoJs .bbCodeSpoilerContainer
{
    background-color: @contentText; /* fallback for browsers without currentColor */
    background-color: currentColor;
}

    .NoJs .bbCodeSpoilerContainer > .bbCodeSpoilerText
    {
        visibility: hidden;
    }

    .NoJs .bbCodeSpoilerContainer:hover
    {
        background-color: transparent;
    }
    
        .NoJs .bbCodeSpoilerContainer:hover > .bbCodeSpoilerText
        {
            visibility: visible;
        }

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
    .Responsive .bbCodeBlock,
    .Responsive.hasJs .bbCodeSpoilerText
    {
        margin-right: 0;
    }
}
</xen:if>
النتيجة الان


تم ولله الحمد
انتظرو منا الحصرى دائما على موقع هيلبرنت

دروس قد تحتاج لها لو ان استايلك لا يدعم تاخط الكوفى او مكتبه الخطوط

الى اللقاء
اخوكم ابو كريم


التعديل الأخير تم بواسطة هيلبرنت ; 07-13-2017 الساعة 11:55 PM
قديم 06-29-2017, 04:38 PM
المشاركة 2
حسين 1991
.:: عضو فعال ::.
  • حسين 1991 غير متواجد حالياً
افتراضي رد: قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo
مشكوررررررررررررررررر ربي يحفضك ابو كريم

قديم 06-30-2017, 12:16 PM
المشاركة 3
~ GOOGLE ~
.:: عضو مبدع ::.
  • ~ GOOGLE ~ غير متواجد حالياً
افتراضي رد: قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo
مشكووور ومنتظرين الاستايل يا ابو كريم

قديم 07-02-2017, 01:23 AM
المشاركة 4
ahmed200
.:: عضو مبدع ::.
  • ahmed200 غير متواجد حالياً
افتراضي رد: قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo
قالب اصلى مافيش كلام

قديم 07-02-2017, 06:10 PM
المشاركة 5
رحلات تايلاند
.:: عضو فعال ::.
  • رحلات تايلاند غير متواجد حالياً
افتراضي رد: قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo
جميل حقا بارك الله فيك و فى كل ما تقدم يجعله فى ميزان حسناتك

قديم 07-06-2017, 01:18 AM
المشاركة 6
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo
مشكوررررررررررررررررر ربي يحفضك ابو كريم


اشكرك جدا على ردك السريع اخى

قديم 07-06-2017, 11:51 PM
المشاركة 7
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo
مشكووور ومنتظرين الاستايل يا ابو كريم
نحن هنا بالزين فورو

قديم 07-15-2017, 01:38 AM
المشاركة 8
S!L3NT H!LL
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • S!L3NT H!LL غير متواجد حالياً
افتراضي رد: قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo
والله انه دعم مميز لهذا السكربت اتمنى تستمر ع نفس النهج لوضع شروحات اكثر واكثر.

قديم 07-20-2017, 03:38 PM
المشاركة 9
عابر سبيل
.:: عضو فعال ::.
  • عابر سبيل غير متواجد حالياً
افتراضي رد: قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo
أنت مميز ومنظّم أحسنت الشرح
وبارك الله فيك

قديم 07-21-2017, 01:11 AM
المشاركة 10
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo
والله انه دعم مميز لهذا السكربت اتمنى تستمر ع نفس النهج لوضع شروحات اكثر واكثر.



اشكرك اخى على ردك الجميل

اضافة رد

العلامات المرجعية

قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: قالب اقتباس معهد هيلبرنت الان اصبح للزين فورو - xenforo
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
قالب معلومات العضو معدل للجيل الثانى للزين فورو -Xenforo 2.1.2 blidi4ever ركن شروحات الزين فورو XENFORO 9 02-28-2020 08:13 PM
[XF 1.x Style] : استايل هيلبرنت للزين فورو الاصدار الاول برعاية معهد هيلبرنت abo-karim استايلات الزين فورو XENFORO 148 07-17-2019 01:55 PM
[XF 2.x] : قالب معلومات العضو بشكله الجديد للجيل الثانى للزين فورو -Xenforo 2.0 abo-karim ركن شروحات الزين فورو XENFORO 19 05-26-2019 09:58 PM
[XF 1.x Style] : استايل هيلبرنت للزين فورو الاصدار الثانى برعاية معهد هيلبرنت mahwos استايلات الزين فورو XENFORO 15 01-08-2018 12:22 PM
رائيكم باستايل هيلبرنت للزين فورو الاصدار الاول برعاية معهد هيلبرنت الجديد mahwos استايلات الزين فورو XENFORO 4 11-24-2017 11:18 PM




الساعة الآن 12:45 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum