sezar-talking
شنبه 09 شهریور 1392, 02:01 صبح
سلام خسته نباشید
من میخواستم یک Carousel( به جورایی اسلاید ابجکت) که توی یه صفحه اچ تی ام ال هست رو به صورت فریم یا طور دیگه تو صفحه دلخواه خودم نمایش بدم فقط موضوع اینجاست که ای فریم کار منو راه نمیندازه یعنی نمیخوام کل صفحه رو نشون بده فقط او شی رو میخوام نمایش بده راجع به شی هم کدش اینه
<style type="text/css">
#wb_Carousel1
{
background-color: transparent;
}
#Carousel1 .frame
{
width: 142px;
display: inline-block;
float: left;
height: 105px;
}
</style>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-slide.min.js"></script>
<script type="text/javascript" src="wb.carousel.effects.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var Carousel1Opts =
{
delay: 8000,
duration: 900,
easing: 'linear',
mode: 'slide',
direction: 'up',
pagination: false,
start: 0,
width: 142
};
$("#Carousel1").carouseleffects(Carousel1Opts);
});
</script>
<div id="Carousel1" style="position:absolute">
<div class="frame">
<div id="Html1" style="position:absolute;left:25px;top:41px;width:106px;h eight:83px;z-index:1">
test html code</div>
</div>
<div class="frame">
<div id="Html2" style="position:absolute;left:164px;top:34px;width:106px; height:83px;z-index:2">
test html code</div>
</div>
</div>
<div id="Carousel1_back" style="position:absolute;left:4px;top:61px;width:30px;hei ght:30px;z-index:999"><a style="cursor:pointer"><img alt="Back" style="border-style:none" src="images/carousel_back.png"></a></div>
<div id="Carousel1_next" style="position:absolute;left:112px;top:61px;width:30px;h eight:30px;z-index:999"><a style="cursor:pointer"><img alt="Next" style="border-style:none" src="images/carousel_next.png"></a></div>
همین شی که داخل یک صفحه اچ تی ام ال هست رو میخوام تو صفحه خودم نمایش بدم الزاما هم میخوام از فریم استفاده کنم چون کد مستقیم رو تو صفحه گذاشتنی جاش نامیزون میشه و با کدهای دیگه صفحه تداخل پیدا میکنه و بد نشون میده ....
کد رو وقتی مستقیم میزارم یا جاش نامیزون میشه یا اسلاید بدون حرکت میمونه که به نظر خودم به خاطر تداخل استایل های تعریف شده باشه واسه همین مجبور شدم از یک صفحه دیگه لود کنم امیدوارم تونسته باشم منظورم رو کامل برسونم
کد صفحه ای که میخوام این شی بره توش اینه قالب برای whmcs
</div>
<div class="dtyslmenu">
<h1></h1>
<div class="dtyslorta">
<a href="index.php">کنترل پنل</a>
<a href="clientarea.php">ناحیه کاربری</a>
<a href="supporttickets.php">ارسال درخواست</a>
<a href="knowledgebase.php">مرکز آموزش</a>
<a href="cart.php">ارسال سفارش</a>
<a href="downloads.php"> دانلود فایل</a>
<a href="announcements.php">اخبار</a>
<a href="announcements.php?id=1">قوانين و مقررات</a>
</div></div>
<div class="dtyslmenu2">
<h1></h1>
<div class="dtyslorta">
<div style="padding-right:17px;width:215px;">
{if $loggedin}
<p class="header">{$LANG.accountinfo}</p>
<p><strong>{$clientsdetails.firstname} {$clientsdetails.lastname} {if $clientsdetails.companyname}({$clientsdetails.comp anyname}){/if}</strong><br />
{$clientsdetails.address1}, {$clientsdetails.address2}<br />
{$clientsdetails.city}, {$clientsdetails.state}, {$clientsdetails.postcode}<br />
{$clientsdetails.countryname}<br />
{$clientsdetails.email}<br /><br />
{if $addfundsenabled}<img src="templates/{$template}/images/icons/money.gif" alt="Add Funds" width="22" height="22" border="0" class="absmiddle" /> <a href="clientarea.php?action=addfunds">{$LANG.addfunds}</a>{/if}</p>
<p class="header">{$LANG.accountstats}</p>
<p>{$LANG.statsnumproducts}: <strong>{$clientsstats.productsnumactive}</strong> ({$clientsstats.productsnumtotal})<br />
{$LANG.statsnumdomains}: <strong>{$clientsstats.numactivedomains}</strong> ({$clientsstats.numdomains})<br />
{$LANG.statsnumtickets}: <strong>{$clientsstats.numtickets}</strong><br />
{$LANG.statsnumreferredsignups}: <strong>{$clientsstats.numaffiliatesignups}</strong><br />
{$LANG.statscreditbalance}: <strong>{$clientsstats.creditbalance}</strong><br />
{$LANG.statsdueinvoicesbalance}: <strong>{if $clientsstats.numdueinvoices>0}<span class="red">{/if}{$clientsstats.dueinvoicesbalance}{if $clientsstats.numdueinvoices>0}</span>{/if}</strong></p>
{else}
<form method="post" action="{$systemsslurl}dologin.php">
<p class="header">{$LANG.clientlogin}</p>
<table style="width:210px; margin-right:5px;">
<tr>
<td style="widows:70px"><strong>{$LANG.email}</strong></td>
<td><input style="-moz-border-radius:5px;" name="username" type="text" size="22" /></td>
</tr>
<tr>
<td><strong>{$LANG.loginpassword}</strong></td>
<td><input name="password" type="password" size="22" /></td>
</tr>
</table>
<table style="width:210px; margin-right:5px;">
<tr>
<td style="150px;"><input type="checkbox" name="rememberme" />{$LANG.loginrememberme}</td>
<td style="float:left; padding-left:10px" ><input type="submit" class="submitbutton" value="{$LANG.loginbutton}" /></td>
</tr>
</table>
</form>
<p class="header">{$LANG.knowledgebasesearch}</p>
<form method="post" action="knowledgebase.php?action=search">
<p>
<input name="search" type="text" size="25" /><br />
<select name="searchin">
<option value="Knowledgebase">{$LANG.knowledgebasetitle}</option>
<option value="Downloads">{$LANG.downloadstitle}</option>
</select>
<input type="submit" value="{$LANG.go}" />
</p>
</form>
{/if}
</div></div>
</div>
<div style="padding-right:17px;width:215px;">
</div>
</div></div>
<div class="clear"></div>
<div>
<div class="clr"></div></div></div>
<div class="footer" style="padding-top:16px;"><div class="footeric">
<ul class="footericul" style="padding-left:0px;">
<div> سرويس هاي اشتراكي</div>
<a href="#">بك آپ گيري مستمر و هفتگی</a>
<a href="#">مجهز به ديوار آتشين</a>
<a href="#">آپتايم بالا و نزديك 100</a>
<a href="#">استفاده از آپاچی</a>
<a href="#">cPanel كنترل پنل</a>
</ul>
<ul class="footericul">
<div>لينك هاي مرتبط</div>
<a href="#" target="_blank">پشتیبانی آنلاین</a>
<a href="#">ليست برخي از مشتريان</a>
</ul>
<ul class="footericul">
<div>قوانين و مقررات</div>
<a href="#">قوانين استفاده از سرويس ها</a>
<a href="#">رفع مسئوليت</a>
<a href="#">توافق نامه</a>
<a href="#">رويه حفاظت</a>
<a href="#">-</a>
</ul>
<ul class="footericul">
<div>سرویس های میزبانی لینوکس</div>
<a href="#">هاست استاندارد</a>
<a href="#">هاست حرفه ای</a>
<a href="#">نامحدود نقره ای</a>
<a href="#">نامحدود طلایی</a>
<a href="#">-</a>
</ul>
<div class="footersag"><br />
<span style="color:#1373BC;font-family:Arial;font-size:13px;"><strong>همکاران</strong></span><br><br><br>
<!-- codeee milad -->
جای مناسب گذاشتن اون شی
<!-- codeee milad -->
</div>
</div></div></div></div>
<div class="clr"></div>
</div>
</body>
</html>
ممنون میشم یکی راهنمایی کنه دو روزه دارم باهاش سروکله میزنم
من میخواستم یک Carousel( به جورایی اسلاید ابجکت) که توی یه صفحه اچ تی ام ال هست رو به صورت فریم یا طور دیگه تو صفحه دلخواه خودم نمایش بدم فقط موضوع اینجاست که ای فریم کار منو راه نمیندازه یعنی نمیخوام کل صفحه رو نشون بده فقط او شی رو میخوام نمایش بده راجع به شی هم کدش اینه
<style type="text/css">
#wb_Carousel1
{
background-color: transparent;
}
#Carousel1 .frame
{
width: 142px;
display: inline-block;
float: left;
height: 105px;
}
</style>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect.min.js"></script>
<script type="text/javascript" src="jquery.ui.effect-slide.min.js"></script>
<script type="text/javascript" src="wb.carousel.effects.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var Carousel1Opts =
{
delay: 8000,
duration: 900,
easing: 'linear',
mode: 'slide',
direction: 'up',
pagination: false,
start: 0,
width: 142
};
$("#Carousel1").carouseleffects(Carousel1Opts);
});
</script>
<div id="Carousel1" style="position:absolute">
<div class="frame">
<div id="Html1" style="position:absolute;left:25px;top:41px;width:106px;h eight:83px;z-index:1">
test html code</div>
</div>
<div class="frame">
<div id="Html2" style="position:absolute;left:164px;top:34px;width:106px; height:83px;z-index:2">
test html code</div>
</div>
</div>
<div id="Carousel1_back" style="position:absolute;left:4px;top:61px;width:30px;hei ght:30px;z-index:999"><a style="cursor:pointer"><img alt="Back" style="border-style:none" src="images/carousel_back.png"></a></div>
<div id="Carousel1_next" style="position:absolute;left:112px;top:61px;width:30px;h eight:30px;z-index:999"><a style="cursor:pointer"><img alt="Next" style="border-style:none" src="images/carousel_next.png"></a></div>
همین شی که داخل یک صفحه اچ تی ام ال هست رو میخوام تو صفحه خودم نمایش بدم الزاما هم میخوام از فریم استفاده کنم چون کد مستقیم رو تو صفحه گذاشتنی جاش نامیزون میشه و با کدهای دیگه صفحه تداخل پیدا میکنه و بد نشون میده ....
کد رو وقتی مستقیم میزارم یا جاش نامیزون میشه یا اسلاید بدون حرکت میمونه که به نظر خودم به خاطر تداخل استایل های تعریف شده باشه واسه همین مجبور شدم از یک صفحه دیگه لود کنم امیدوارم تونسته باشم منظورم رو کامل برسونم
کد صفحه ای که میخوام این شی بره توش اینه قالب برای whmcs
</div>
<div class="dtyslmenu">
<h1></h1>
<div class="dtyslorta">
<a href="index.php">کنترل پنل</a>
<a href="clientarea.php">ناحیه کاربری</a>
<a href="supporttickets.php">ارسال درخواست</a>
<a href="knowledgebase.php">مرکز آموزش</a>
<a href="cart.php">ارسال سفارش</a>
<a href="downloads.php"> دانلود فایل</a>
<a href="announcements.php">اخبار</a>
<a href="announcements.php?id=1">قوانين و مقررات</a>
</div></div>
<div class="dtyslmenu2">
<h1></h1>
<div class="dtyslorta">
<div style="padding-right:17px;width:215px;">
{if $loggedin}
<p class="header">{$LANG.accountinfo}</p>
<p><strong>{$clientsdetails.firstname} {$clientsdetails.lastname} {if $clientsdetails.companyname}({$clientsdetails.comp anyname}){/if}</strong><br />
{$clientsdetails.address1}, {$clientsdetails.address2}<br />
{$clientsdetails.city}, {$clientsdetails.state}, {$clientsdetails.postcode}<br />
{$clientsdetails.countryname}<br />
{$clientsdetails.email}<br /><br />
{if $addfundsenabled}<img src="templates/{$template}/images/icons/money.gif" alt="Add Funds" width="22" height="22" border="0" class="absmiddle" /> <a href="clientarea.php?action=addfunds">{$LANG.addfunds}</a>{/if}</p>
<p class="header">{$LANG.accountstats}</p>
<p>{$LANG.statsnumproducts}: <strong>{$clientsstats.productsnumactive}</strong> ({$clientsstats.productsnumtotal})<br />
{$LANG.statsnumdomains}: <strong>{$clientsstats.numactivedomains}</strong> ({$clientsstats.numdomains})<br />
{$LANG.statsnumtickets}: <strong>{$clientsstats.numtickets}</strong><br />
{$LANG.statsnumreferredsignups}: <strong>{$clientsstats.numaffiliatesignups}</strong><br />
{$LANG.statscreditbalance}: <strong>{$clientsstats.creditbalance}</strong><br />
{$LANG.statsdueinvoicesbalance}: <strong>{if $clientsstats.numdueinvoices>0}<span class="red">{/if}{$clientsstats.dueinvoicesbalance}{if $clientsstats.numdueinvoices>0}</span>{/if}</strong></p>
{else}
<form method="post" action="{$systemsslurl}dologin.php">
<p class="header">{$LANG.clientlogin}</p>
<table style="width:210px; margin-right:5px;">
<tr>
<td style="widows:70px"><strong>{$LANG.email}</strong></td>
<td><input style="-moz-border-radius:5px;" name="username" type="text" size="22" /></td>
</tr>
<tr>
<td><strong>{$LANG.loginpassword}</strong></td>
<td><input name="password" type="password" size="22" /></td>
</tr>
</table>
<table style="width:210px; margin-right:5px;">
<tr>
<td style="150px;"><input type="checkbox" name="rememberme" />{$LANG.loginrememberme}</td>
<td style="float:left; padding-left:10px" ><input type="submit" class="submitbutton" value="{$LANG.loginbutton}" /></td>
</tr>
</table>
</form>
<p class="header">{$LANG.knowledgebasesearch}</p>
<form method="post" action="knowledgebase.php?action=search">
<p>
<input name="search" type="text" size="25" /><br />
<select name="searchin">
<option value="Knowledgebase">{$LANG.knowledgebasetitle}</option>
<option value="Downloads">{$LANG.downloadstitle}</option>
</select>
<input type="submit" value="{$LANG.go}" />
</p>
</form>
{/if}
</div></div>
</div>
<div style="padding-right:17px;width:215px;">
</div>
</div></div>
<div class="clear"></div>
<div>
<div class="clr"></div></div></div>
<div class="footer" style="padding-top:16px;"><div class="footeric">
<ul class="footericul" style="padding-left:0px;">
<div> سرويس هاي اشتراكي</div>
<a href="#">بك آپ گيري مستمر و هفتگی</a>
<a href="#">مجهز به ديوار آتشين</a>
<a href="#">آپتايم بالا و نزديك 100</a>
<a href="#">استفاده از آپاچی</a>
<a href="#">cPanel كنترل پنل</a>
</ul>
<ul class="footericul">
<div>لينك هاي مرتبط</div>
<a href="#" target="_blank">پشتیبانی آنلاین</a>
<a href="#">ليست برخي از مشتريان</a>
</ul>
<ul class="footericul">
<div>قوانين و مقررات</div>
<a href="#">قوانين استفاده از سرويس ها</a>
<a href="#">رفع مسئوليت</a>
<a href="#">توافق نامه</a>
<a href="#">رويه حفاظت</a>
<a href="#">-</a>
</ul>
<ul class="footericul">
<div>سرویس های میزبانی لینوکس</div>
<a href="#">هاست استاندارد</a>
<a href="#">هاست حرفه ای</a>
<a href="#">نامحدود نقره ای</a>
<a href="#">نامحدود طلایی</a>
<a href="#">-</a>
</ul>
<div class="footersag"><br />
<span style="color:#1373BC;font-family:Arial;font-size:13px;"><strong>همکاران</strong></span><br><br><br>
<!-- codeee milad -->
جای مناسب گذاشتن اون شی
<!-- codeee milad -->
</div>
</div></div></div></div>
<div class="clr"></div>
</div>
</body>
</html>
ممنون میشم یکی راهنمایی کنه دو روزه دارم باهاش سروکله میزنم