سلام دوستان
من با ی نرم افزار ی اینترو طراحی کردم و نمیدونم کدهاشو چطور برای css speites تغییر بدم کدها شو میزارم خواهشا کمک کنید
ممنون
یا علی
<a href="http://localhost/fkar/index.php/homepage/portal" target="_blank">
<img alt="" src="wpimages/wp1676ce5b_06.png" id="roll_2" data-imgNormal="wpimages/wp1676ce5b_06.png" data-imgOver="wpimages/wpdfe1e974_06.png" data-state="up" onmouseover="rollOver(this);" onmouseout="rollOut(this);" style="position:absolute;left:431px;top:402px;width:186px;height:186px;">
</a>
کل کدها
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>آموزشگاه</title>
<meta name="generator" content="Serif WebPlus X7 (15,0,0,24)">
<meta name="viewport" content="width=1026">
<link rel="stylesheet" type="text/css" href="wpscripts/wpstyles.css">
<script type="text/javascript" src="wpscripts/jquery.js"></script>
<script type="text/javascript" src="wpscripts/jsRollover.js"></script>
<script type="text/javascript" src="wpscripts/jquery.timers.js"></script>
<script type="text/javascript" src="wpscripts/jquery.wpgallery.js"></script>
<script type="text/javascript">
var nImgNum_pg_2 = 0;
wp_imgArray_pg_2 = new Array();
wp_imgArray_pg_2[nImgNum_pg_2++] = new wp_galleryimage("wpimages/91ce1e73ecf6.jpg", 598, 296, "wpimages/91ce1e73ecf6t.jpg", "");
wp_imgArray_pg_2[nImgNum_pg_2++] = new wp_galleryimage("wpimages/63e3c1cfeebc.jpg", 598, 296, "wpimages/63e3c1cfeebct.jpg", "");
$(document).ready(function() {
$('#wp_gallery_pg_2').wpgallery({
imageArray: wp_imgArray_pg_2,
nTotalImages: nImgNum_pg_2,
nGalleryLeft: 229,
nGalleryTop: 94,
nGalleryWidth: 598,
nGalleryHeight: 296,
nImageDivLeft: 0,
nImageDivTop: 0,
nImageDivWidth: 598,
nImageDivHeight: 296,
nControlBarStyle: 0,
nControlBarExternalTop: 10,
bNavBarOnTop: true,
bShowNavBar: false,
nNavBarAlignment: 0,
strNavBarColour: 'none',
nNavBarOpacity: 1.0,
nNavBarIconWidth: 24,
nNavBarIconHeight: 24,
bShowCaption: false,
bCaptionCount: true,
strCaptionColour: '#ffffff',
nCaptionOpacity: 0.6,
strCaptionTextColour: '#000000',
nCaptionFontSize: 12,
strCaptionFontType: 'Courier New,Arial,_sans',
strCaptionAlign: 'center',
strCaptionFontWeight: 'normal',
bShowThumbnails: false,
nThumbStyle: 1,
nThumbPosition: 0,
nThumbLeft: 30,
nThumbTop: 186,
nThumbOpacity: 0.5,
nTotalThumbs: 2,
nThumbSize: 40,
nThumbSpacing: 10,
bThumbBorder: true,
strThumbBorderColour: '#000000',
strThumbBorderHoverColour: '#ffffff',
strThumbBorderActiveColour: '#ffffff',
bShowThumbnailArrows: true,
nThumbButtonSize: 24,
nThumbButtonIndent: 50,
nColBorderWidth: 2,
nTransitionStyle: 1,
nStaticTime: 10000,
nTransitTime: 900,
bAutoplay: true,
loadingButtonSize: 38,
bPageCentred: true,
nPageWidth: 1026,
nZIndex: 100,
loadingButtonSrc: 'wpimages/wpgallery_loading_1.gif',
blankSrc: 'wpscripts/blank.gif',
rewindButtonSrc: 'wpimages/wpgallery_rewind_0.png',
prevButtonSrc: 'wpimages/wpgallery_previous_0.png',
playButtonSrc: 'wpimages/wpgallery_play_0.png',
pauseButtonSrc: 'wpimages/wpgallery_pause_0.png',
nextButtonSrc: 'wpimages/wpgallery_next_0.png',
forwardButtonSrc: 'wpimages/wpgallery_forward_0.png',
thumbRewindButtonSrc: 'wpimages/wpgallery_rewind_0.png',
thumbForwardButtonSrc: 'wpimages/wpgallery_forward_0.png',
rewindoverButtonSrc: 'wpimages/wpgallery_rewind_over_0.png',
prevoverButtonSrc: 'wpimages/wpgallery_previous_over_0.png',
playoverButtonSrc: 'wpimages/wpgallery_play_over_0.png',
pauseoverButtonSrc: 'wpimages/wpgallery_pause_over_0.png',
nextoverButtonSrc: 'wpimages/wpgallery_next_over_0.png',
forwardoverButtonSrc: 'wpimages/wpgallery_forward_over_0.png',
thumboverRewindButtonSrc: 'wpimages/wpgallery_rewind_over_0.png',
thumboverForwardButtonSrc: 'wpimages/wpgallery_forward_over_0.png',
strRewindToolTip: 'Reverse',
strPreviousToolTip: 'Previous',
strPlayToolTip: 'Play',
strPauseToolTip: 'Pause',
strNextToolTip: 'Next',
strForwardToolTip: 'Forward',
strThumbRewindToolTip: 'Reverse',
strThumbForwardToolTip: 'Forward'
});
});
</script>
</head>
<body style="height:697px;background:transparent url('wpimages/wp5ceba1c0_06.jpg') repeat scroll left top;">
<div style="height:inherit;width:100%;min-width:1026px;margin:0;position:absolute;background:transparent url('wpimages/wpb145bc87_06.jpg') repeat-x scroll left top;"></div>
<div style="height:inherit;width:100%;min-width:1026px;margin:0;position:absolute;background:transparent url('wpimages/wp2279a08d_06.jpg') repeat-x scroll left bottom;"></div>
<div style="height:inherit;width:100%;min-width:1026px;margin:0;position:absolute;background:transparent url('wpimages/wp85691aed_06.png') no-repeat scroll center top;"></div>
<div style="height:inherit;width:100%;min-width:1026px;margin:0;position:absolute;background:transparent url('wpimages/wpd73bd33c_06.png') no-repeat scroll center bottom;"></div>
<div id="divMain" style="background:transparent;margin-left:auto;margin-right:auto;position:relative;width:1026px;height:697px;">
<img alt="" src="wpimages/wp254ac4c2_06.png" style="position:absolute;left:208px;top:72px;width:645px;height:344px;">
<a href="http://localhost/fkar/index.php/homepage/portal" target="_blank">
<img alt="" src="wpimages/wp1676ce5b_06.png" id="roll_2" data-imgNormal="wpimages/wp1676ce5b_06.png" data-imgOver="wpimages/wpdfe1e974_06.png" data-state="up" onmouseover="rollOver(this);" onmouseout="rollOut(this);" style="position:absolute;left:431px;top:402px;width:186px;height:186px;">
</a>
<a href="engineering-department.html">
<img alt="دپارتمان فنی مهندسی" src="wpimages/wp84d29f9d_06.png" id="roll_3" data-imgNormal="wpimages/wp84d29f9d_06.png" data-imgOver="wpimages/wpfa0c9272_06.png" data-state="up" onmouseover="rollOver(this);" onmouseout="rollOut(this);" style="position:absolute;left:628px;top:402px;width:186px;height:186px;">
</a>
<a href="english-department.html">
<img alt="دپارتمان زبان انگلیسی" src="wpimages/wp619acaef_06.png" id="roll_4" data-imgNormal="wpimages/wp619acaef_06.png" data-imgOver="wpimages/wpf5d3db47_06.png" data-state="up" onmouseover="rollOver(this);" onmouseout="rollOut(this);" style="position:absolute;left:233px;top:402px;width:186px;height:186px;">
</a>
<div id="wp_gallery_pg_2" style="position:absolute;left:229px;top:94px;width:598px;height:296px;"></div>
<img alt="" src="wpimages/wp9d299a79_06.png" style="position:absolute;left:73px;top:102px;width:125px;height:310px;">
<img alt="" src="wpimages/wpdcffcb98_06.png" style="position:absolute;left:885px;top:139px;width:31px;height:221px;">
</div>
</body>
</html>
