مشکل بهم ریختگی هوک Board Index Face

[STALKER 328]

با اجازه ی آقا علی:

برای بردن اون گزینه به سمت چپ به templates قالب برید و از قسمت boardindex   به hookDDK33BoardIndexFace  برین و کد زیر رو پیدا کنید :

<if test="$this->settings['ddk33_bif_shownewtopicbtn']"><button id="ddk33_bif_newtopicbtn" class="input_submit" style="float:right; margin-right: 10px;">{$this->lang->words['topic_start']}</button></if>

و دوتا right رو به left  تغییر بدین.

 

 

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

 

 

ممنون میشم..اگه کل اون کدهارو بزاری و جایی که بزارم

[سحر شیرازی 1835]

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

 و دومی کد های قسمت hookDDK33BoardIndexface  که در قسمت templates  زیر مجموعه ی boardindex هست شما باید کدهای این فایل رو با کدهای اون قسمت جایگزین کنید تا تغییرات موجود در تصویر اعمال بشه :

css:

ddk33_bif_2.0.css

 

 

کدهای hookDDK33BoardIndexface:

hookDDK33BoardIndexface.txt

[سحر شیرازی 1835]

این کد رو هم اگر به انتهای style.css قالب اضافه کنید افکتی که برای تصاویر این هوک( در تصویر صفحه ی قبل)  ایجاد شده برای شما هم اعمال میشه :

 .facebox:hover {
    border: 2px solid white;
    box-shadow: 0 0 9px black;
    margin: -1px;
    transform: scale(1.5);
    z-index: 10;
}
 .facebox {
    border-radius: 0 13px 0 13px;
    transform: rotate(-14deg);
}

[Alireza_B13 3]

سلام ببخشید این سایتو ببیند http://foxiran.com/  چ افکت جالبی استفاده کرده نمیشه اینم  کدش بزارین؟؟

ویرایش شده 7 فروردین، ۱۳۹۳ توسط Alireza_B13

[سعید نظری 1710]

کدوم افکت؟

شما تو نت سرچ کنی برای همشون تو نت کدش موجود هست و اموزش داده شده.کافیه به اون کلاس یا id اون کد های css رو اضافه کنی.

[Alireza_B13 3]

همون استایلی  ک ب آواتار داده ؟؟میشه کدش بزارین ممنون میمش؟؟

[سحر شیرازی 1835]

سلام

آقا سعید درست میگن. کد های زیادی وجود داره...هرکسی به سلیقه اش یه استایل میده  مثلا این کد تقریبا همونی هست که شما میخواین فقط یکمی تصویر رو با یه زاویه ی کم میچرخونه :

.facebox:hover {
    border-radius: 32% 13%;
    box-shadow: 0 0 10px, 0 0 1px, 0 0 3px;
    transform: scale(1.5) rotate(-10deg);
    -webkit-transform: scale(1.5) rotate(-10deg);
    -moz-transform: scale(1.5) rotate(-10deg);
    -ms-transform: scale(1.5) rotate(-10deg);
    -o-transform: scale(1.5) rotate(-10deg);
    z-index: 2;
}
.facebox {
    border-radius: 12%;
    float: left;
    height: 50px;
    margin: 0 1px 2px;
    overflow: hidden;
    position: relative;
    width: 50px;
}
.facebox:hover img {
    transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
}

[Alireza_B13 3]

بسیار ممنون اینو تست کردم مثل همون نمونه نیست ک دادم

[علی مددی 1689]

سلام 

 

از مسیر زیر در هاست ، فایل ddk33_bif_2.0.css  برای ویرایش باز کنید 

public/style_css/ddk33_bif_2.0.css

و کدهای زیر را جایگزین کنید...

.hook-bif-wrapper {
	
width: 97%;
padding: 10px 3px 5px 10px;
line-height: 150%;
background: #f5f8fa;
border: 1px solid #d5dde5;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: inset 0 1px 0 #fff;
-webkit-box-shadow: inset 0 1px 0 #fff;
-moz-box-shadow: inset 0 1px 0 #fff;

        margin: 20px 11px 10px 10px;
	position: relative; 
	height: 100%;
	clear: both;
}

.hook-bif-subwrapper-left { float:left; width:49%; }
.hook-bif-subwrapper-right { float:right; width:49%; }
.hook-bif-subwrapper-righ.bif-mytopics-box {position:absolute; bottom:0px; left:0px; width:49%;}
.hook-bif-subwrapper-right .bif-topics-box ul {min-height: 120px;}

.bif-faces-box { margin-top: 10px; }

.bif-topics-list {
	border: 1px solid #ccc;
}
.bif-topics-box ul {
	padding: 10px 0px 5px 10px;
	margin: 10px 10px 10px 0px;
}
.bif-topics-box li { 
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 5px;
}
.bif-topics-box li img {margin: 1px 5px 0px 0px;}
.bif-topics-box li a {text-decoration: none;}
.bif-topics-box li a:hover {text-decoration: blink;   text-shadow: 1px 1px 3px LawnGreen;}
.bif-topics-box li address {color: gray;}
.facebox:hover {
    border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 10px;
    transform: scale(1.4) rotate(-13deg);
    -ms-transform: scale(1.4) rotate(-13deg);
    -webkit-transform: scale(1.4) rotate(-13deg);
    z-index: 2;
}
.facebox {
    border-radius: 10px 0 10px 0;
    float: left;
    height: 50px;
    margin: 0 1px 2px;
    overflow: hidden;
    position: relative;
    width: 50px;
    transition: all 0.5s ease 0s;
}
.onlinedot {position:absolute;right:-1px;bottom:-1px;width:6px;height:6px; background:green; border:1px solid white;}