Podstrony
- telcocafe
- [PHP+MySQL] Problem z połączeniem mysqli('localhost', 'xxx', 'xxx', 'xxx'
- [PHP] Wyrażenia regularne. Zamienić name="info_imie" na name="{info_imie}"
- [php] Dodanie textu do pliku. Problem... :) POMOCY!!!!!!!!!!!!!
- [PHP] Skrypt cenzury Chcę cenzury!!!
- Dobre programy do edycji php Dobre programy do edycji php
- [PHP] podział na strony php: podział na strony
- [PHP i MySQL] jak pobrac liczbe rezultatow Jak pobrac liczbe rezultatow???
- jak zrobic aktualizacje php? pomocy!!!!!
- Błąd w PHP-Fusion pomocy !!!!!
- Daczego nie dziala?? skrypt php nie chce działać!!!
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- tlumiki.pev.pl
telcocafe
WitamMam swoja stronkę w php i u mnie wyświetla się w Arialu a gdzie indziej w Times New Roman, A jeśli jest w ogóle inna przeglądarka niż Firefoks do dodatkowo miniaturki obrazków są trochę porozrzucane. Da sie to zmienić ?
Pozdrawiam, czekam na pomoc.
zapewne da... tylko, że bez kodu strony to nic nie poradzimy.
wróżek tutaj nie ma.
To jest skrypt przygotowany nie przeze mnie.
A mam wsadzic tu index.php ?
Masz wsadzić kod HTML +/ CSS, myśl trochę. ;)
index.php
<?php setlocale(LC_ALL, 'pl_PL', 'pl', 'Polish_Poland.28592'); /* * minishowcase : the super-easy gallery * by victor zambrano * * minishowcase is a small and simple php/javascript online photo gallery, * powered by AJAX that lets you put easily your images in an online gallery, * without having to configure databases or changing and customising code * (though you may do it if you feel so inclined) allowing you to have an * up-and-running gallery in a few minutes. * * * DISCLAIMER: THIS SOFTWARE IS GIVEN 'AS IS' IN THE HOPE THAT IT WILL * BE USEFUL, BUT WITHOUT ANY WARRANTY; WITHOUT EVEN THE IMPLIED * WARRANTY OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE; * * * LICENSE: This work is licensed under the * #### Creative Commons Attribution-Share Alike 2.5 License. #### * You should have received a copy of the license with this software. * To view a copy of this license, visit * [url="http://creativecommons.org/licenses/by-sa/2.5/"]http://creativecommons.org/licenses/by- sa/2.5/[/url] or send a letter to * Creative Commons, 543 Howard Street, 5th Floor, * San Francisco, California, 94105, USA. * * * For more information on minishowcase, please visit: * [url="http://minishowcase.frwrd.net"]http://minishowcase.frwrd.net[/url] * */ ## setting: debug flag ## $debug = true; ## setting: include header/footer ## $include_header = false; $include_footer = false; #### DO NOT CHANGE FROM HERE #################################### #### UNLESS YOU KNOW WHAT YOU'RE DOING, OF COURSE ############### ## import configuration file require_once("config/settings.php" ); ## import init file require_once("libraries/general.bootstrap.php" ); ?> <html> <?php ## DO NOT REMOVE THIS CODE ## include("config/version.php" ); print("<!-- \n\tminishowcase $version\n\tby victor zambrano\n\thttp://minishowcase.frwrd.net/\n -->\n"); ?> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <title><?=$settings['gallery_title']?></title> <!-- START CPAINT:JSRS ( [url="http://cpaint.sourceforge.net/"]http://cpaint.sourceforge.net/[/url] ) --> <script type="text/javascript" src="libraries/cpaint2.inc.compressed.js"></script> <!-- END CPAINT:JSRS --> <!-- START AJAX SCRIPTS --> <script src="libraries/script.loader.php?load=init" type="text/javascript"></script> <script src="libraries/ajax.functions.js" type="text/javascript"></script> <!-- END AJAX SCRIPTS --> <?php if ($settings['use_prototype']==1 | $settings['use_lightbox']==1) { ?> <!-- START PROTOTYPE --> <script src="libraries/framework.prototype.js" type="text/javascript"></script> <!-- END PROTOTYPE --> <?php } ?> <?php if ($settings['use_lightbox']==1) { ?> <!-- START SCRIPT.ACULO.US --> <script src="libraries/scriptaculous/scriptaculous.js?load=effects" type="text/javascript"></script> <!-- END SCRIPT.ACULO.US --> <?php } ?> <?php if($settings['use_lightbox'] == 1 && file_exists("extensions/lightbox_js2/" )) { ?> <!-- START LIGHTBOX_J2 --> <script type="text/javascript" src="extensions/lightbox_js2/lightbox.js"></script> <link rel="stylesheet" href="extensions/lightbox_js2/lightbox.css" type="text/css" media="screen" /> <!-- END LIGHTBOX_J2 --> <?php } else if($settings['use_lightbox'] == 2 && file_exists("extensions/thickbox_2/" )) { ?> <!-- START THICKBOX_2 --> <script type="text/javascript" src="extensions/thickbox_2/jquery.js"></script> <script type="text/javascript" src="extensions/thickbox_2/thickbox.js"></script> <link rel="stylesheet" href="extensions/thickbox_2/thickbox.css" type="text/css" media="screen" /> <!-- END THICKBOX_2 --> <?php } ?> <!-- START GALLERY CSS --> <link rel="stylesheet" href="libraries/script.loader.php?load=gallery" type="text/css" media="screen" /> <!-- END GALLERY CSS --> <?php if ($include_header | $include_footer) { ?> <!-- START HEADER/FOOTER CSS --> <link rel="stylesheet" href="styles/includes.css" type="text/css" media="screen" /> <!-- END HEADER/FOOTER CSS --> <?php } ?> <!-- START SCRIPTS/STYLESHEETS FOR IE PC --> <!--[if IE]> <link href="styles/gallery_ie.css" rel="stylesheet" type="text/css" media="screen" /> <!--[if gte IE 5.5]> <![if lt IE 7]> <style type="text/css"> div#msc_image { /* IE5.5+/Win - this is more specific than the IE 5.0 version */ left: expression( ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' ); top: expression( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' ); right: auto; bottom: auto; } } </style> <![endif]> <![endif]--> <![endif]--> <!-- END SCRIPTS/STYLESHEETS FOR IE PC --> </head> <body> <a id="hash" name="null"></a> <?php if ($include_header && file_exists("add_header.php")) { include("add_header.php"); } ?> <div id="global_container"> <div id="debug"><p>[DEBUG] <span id="debug_content"><?=$_SERVER["HTTP_USER_AGENT"];?></span> </p></div> <!-- tooltip --> <div id="tooltip"></div> <!-- alert container --> <div id="alert"> <span id="msg"><!-- Alert goes here --></span> <p><a id="dismiss" href="java script:;" onclick="hideDiv('alert');"><?=$lang['alert_dismiss']?> ...</a></p> </div> <!-- alert container --> <div id="msc_container"> <!-- menu div --> <div id="msc_menu"> <h1><?=$lang['menu_title']?></h1> <!-- utilities div --> <div id="toolmenu"> <a id="toolshowhide" href="java script:;" onclick="toolToggle()"><?php print($lang['tools_show']." ".$lang['tools_title']); ?></a> <h1> </h1> <div id="utilities"> <ul> <li class="settings"> <b><?=$lang['slideshow_name']?></b> (<?=$lang['slideshow_seconds']?>)<br /> <select id="slideshowTimeSelect" class="ss" onchange="changeSlideshowTime(this);"><?php build_select_menu($settings['slideshow_seconds']); ?></select> <input class="button" type="button" value="<?=$lang['slideshow_button']?> ť" onclick="startSlideshow();return false;" /> </li> </ul> </div> </div> <!-- menu items div --> <div id="galleries_menu"></div> </div> <!-- menu div --> <!-- thumbs div --> <div id="msc_thumbs"> <!-- gallery url --> <div id="gallery_url"> </div> <!-- gallery info div --> <div id="gallery_data"> <div id="gallery_title"><?=$lang['menu_guide']?></div> </div> <!-- gallery description div --> <div id="gallery_description"> <?php if (file_exists("galleries/".$settings['info_file'])) { echo get_include_contents("galleries/".$settings['info_file']); } ?></div> <!-- thumbs wrapper --> <div id ="thumbs_div"> <!-- gallery block nav div --> <div id="gallery_nav"> <div id="gallery_block"></div> </div> <!-- thumbs loader data --> <div id="thumbs_load"></div> <!-- thumbs container --> <div id="thumbs_cont"></div> </div> <!-- footer div --> <div id="msc_foot"> <span id="footer_cont"><?=$settings['gallery_footer']?></span> </div> </div> <!-- thumbs div --> </div> <!-- msc_container div --> <!-- image container --> <div id="msc_image"> <div id="image_url"></div> <!-- image div --> <div id="image_div"> <div id="image_container"> <div id="image_menu"> <span id="close_win"> <a href="java script:;" onclick="closeImageWin();">Ť <?=$lang['lightbox_back']?></a> </span> <div id="nav_container"> <div id="prev"> <a id="a_prev" href="java script:;" onclick="prevImage()"><img src="./themes/<?=$selected_theme?>/<?=$theme_image_prev?>" /></a> </div> <div id="next"> <a id="a_next" href="java script:;" onclick="nextImage()"><img src="./themes/<?=$selected_theme?>/<?=$theme_image_next?>" /></a> </div> <div id="nav_thumbs"></div> </div> </div> <div id="image_header"> <div id="timer"><span id="time">[30 <?=$settings['slideshow_seconds']?>]</span> | <span><a id="toggle_show" href="java script:;" onclick="startSlideshow()"><?=$lang['slideshow_pause']?> <?=$lang['slideshow_name']?></a></span></div> <div id="image_title"></div> </div> <div id="img"> <img id="mainimg" class="imagen" src="images/spacer.gif" /> </div> </div> </div> <!-- image div --> <!-- image bg --> <div id="image_bg"></div> </div> <!-- image container --> </div> <?php if ($include_footer && file_exists("add_footer.php")) { include("add_footer.php"); } ?> </body> </html>
A pliku css nie ma
Użytkownik lechu92 edytował ten post 26 styczeń 2007, 12:07
{...}
A pliku css nie ma jak css nie ma to nic nie poradzisz - bo z tego co widze to w nim jest zapisana wzmianka o uzywaniu czcionek :>
W katalogu styles faktycznie są jakieś css'y :P
plik gallery.css
/**** tag definitions ****/ body { margin: 0px; } /**** global container definitions ****/ #global_container { margin: 0px auto; text-align: center; font-family: <?=$theme_fonts_titles?>; background: <?=$theme_general_bg?>; } /**** main container definitions ****/ #msc_container { position: relative; width: <?=($settings['gallery_width']-20)?>px; margin: auto; color: <?=$theme_general_text?>; text-align: left; vertical-align: top; background: <?=$theme_general_bg?>; } #msc_container a, #msc_image a { text-decoration: none; } #msc_container a:hover, #msc_image a:hover { text-decoration: none; } #thumbs_cont table, #thumbs_cont tr, #thumbs_cont td { border: 0px !important; margin: 0px !important; padding: 0px !important; } /**** menu container definitions ****/ #msc_menu { position: relative; float: left; width: <?=$menu_width?>px; margin: 0px; margin-bottom: 10px; padding-top: 10px; font-family: <?=$theme_fonts_titles?>; font-size: 10px; background: <?=$theme_menu_bg?>; border-top: 1px solid <?=$theme_menu_bg?>; border-bottom: 1px solid <?=$theme_menu_bg?>; } #msc_menu h1 { margin: 0px; padding: 6px 0 6px 10px; color: <?=$theme_menu_text?>; font-size: 18px; line-height: 21px; font-weight: normal; } #msc_menu a { color: <?=$theme_menu_link?>; font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; font-family: <?=$theme_fonts_titles?>; text-decoration: none; } #msc_menu a:active, a:visited { color: <?=$theme_menu_link?>; text-decoration: none; } #msc_menu a:hover { color: <?=$theme_menu_hover?>; text-decoration: none; } #msc_menu span, #msc_menu #galleries_menu span { display: block; padding: 6px 0px 6px 10px; font-size: 12px; background: <?=$theme_general_dimmed?>; } #msc_menu ul { display: block; margin: 0px 0px 10px 0px; padding: 4px 0px 4px 0px; font-size: 12px; background: <?=$theme_general_dimmed?>; border-top: 1px solid #FFF; } #msc_menu ul li { display: block; /*min-height: 14px;*/ margin: 0px; padding: 4px 0 4px 10px; color: <?=$theme_menu_link?>; font-size: 12px; background: <?=$theme_general_dimmed?>; /*white-space: nowrap;*/ } #msc_menu ul li:hover { background: <?=$theme_menu_bg_hover?>; } #msc_menu ul li.odd { background: <?=$theme_general_dimmed?>; } #msc_menu ul li.even { background: <?=$theme_general_dimmed?>; } #msc_menu ul li.topline { border-top:1px solid <?=$theme_general_bg?>; } #msc_menu ul li em { font-style: normal; font-weight: normal; font-size: 9px !important; font-size: 10px; } #msc_menu ul li a, #msc_menu ul li a:link, #msc_menu ul li a:active, #msc_menu ul li a:visited { font-size: 12px; /*padding-left: 4px;*/ border-left: 1px solid <?=$theme_menu_bg?>; } #msc_menu ul li a.nonum, #msc_menu ul li a.nonum:link, #msc_menu ul li a.nonum:active, #msc_menu ul li a.nonum:visited { border-left: 0px; } #msc_menu #galleries_menu small { color: <?=$theme_menu_small?>; } /**** tools menu definitions ****/ #msc_menu #toolmenu { display: none; padding: 4px 0px; background: <?=$theme_menu_bg?>; } #toolmenu a#toolshowhide { float: left; padding-left: 10px; color: <?=$theme_menu_hover?>; font-size: 11px; } #toolmenu a#toolshowhide:hover { color: <?=$theme_menu_text?>; } #toolmenu h1 { margin: 0px; padding: 0px 10px 2px 10px; font-size: 12px; line-height: 14px; color: <?=$theme_menu_text?>; } #utilities { display: none; width: <?=$menu_width?>px; } #utilities ul { margin: 0px; padding: 0px; border-bottom: 0px; background: <?=$theme_general_dimmed?>; } #utilities ul li { display: inline; clear: both; width: <?=($menu_width-12)?>px !important; padding: 6px; color: <?=$theme_menu_text?>; font-size: 11px; background: <?=$theme_general_dimmed?>; } #utilities ul li.settings { display: block; height: auto !important; color: <?=$theme_menu_link?>; font-family: <?=$theme_fonts_text?>; font-size: 10px; line-height: 18px; background: <?=$theme_general_dimmed?>; border-bottom: 1px solid #fff; } #utilities ul li a, #utilities ul li a:link, #utilities ul li a:active, #utilities ul li a:visited { padding-left: 0px; font-size: 11px; line-height: 14px; color: <?=$theme_menu_text?>; font-weight: bold; border: 0px; } #utilities ul li a:hover { color: <?=$theme_menu_active?>; } #utilities ul li input.button { margin: 6px 0px 0px 0px; font-size: 10px; line-height: 10px; z-index: -20; } #utilities ul li select { font-size: 10px; line-height: 10px; z-index: -20; } /**** thumbs container definitions ****/ #msc_thumbs { margin: 0px 0px 10px <?=($menu_width)?>px; width: <?=$content_width-10?>px; padding: 0px 0px 6px 0px; background: <?=$theme_general_bg?>; } /**** url info container definitions ****/ #gallery_url { display: block; width: <?=($content_width-40)?>px; /*height: 16px;*/ margin: 0px; padding: 6px 0px 0px 10px; color: #AAA; font-family: <?=$theme_fonts_text?>; font-size: 10px; line-height: 10px; } #gallery_url div#light_menu { display: none; /*float: left;*/ } #gallery_url a#permalink_a { /*float: right;*/ color: #999 !important; } #gallery_url a#permalink_a:hover { color: #666 !important; } /**** info container definitions ****/ #gallery_data { width: <?=($content_width-20)?>px; margin: 6px 0px 0px 0px; padding: 0px; padding-left: 10px; } #gallery_description { display: none; width: <?=($content_width-20)?>px; margin: 10px 0px 2px 0px; padding: 0px; padding-left: 10px; color: <?=$theme_general_text?>; } #gallery_description p { margin: 0px; padding: 0px 0px 10px 0px; color: <?=$theme_general_text?>; font-size: 12px; font-weight: normal; line-height: 16px; font-family: Verdana, Tahoma, Geneva, Arial; background: <?=$theme_general_bg?>; border: 0px; } #gallery_description a { color: <?=$theme_menu_active?>; font-size: 12px; line-height: 16px; font-family: <?=$theme_fonts_text?>; text-decoration: underline; } #gallery_description a:hover { color: <?=$theme_menu_hover?>; } #gallery_title { display: block; margin: 0px; padding: 0px; color: <?=$theme_general_text?>; font-size: 18px; line-height: 24px; font-family: <?=$theme_fonts_titles?>; font-weight: normal; } #gallery_title span.xtra { color: <?=$theme_general_text_light?>; } #gallery_title span.xtra a { color: <?=$theme_general_text_light?>; font-size: 12px; line-height: 26px; vertical-align: middle; } #gallery_title span.xtra a:hover { color: <?=$theme_general_text?>; } /* thumbs navigation */ #gallery_nav { display: none; font-size: 11px; line-height: 11px; color: <?=$theme_menu_hover?>; } #gallery_block { display: block; margin: 4px 0px 0px 0px; padding: 4px 4px 6px 10px; color: <?=$theme_general_text?>; font-family: <?=$theme_fonts_titles?>; font-weight: normal; text-align: left; background: <?=$theme_general_bg?>; } #gallery_block a { font-size: 11px; line-height: 14px; color: <?=$theme_menu_hover?>; } #gallery_block a:hover { color: <?=$theme_menu_link?>; } /**** thumbnails styles ****/ #thumbs_div { width: <?=($content_width-10)?>px; margin: 0px !important; padding: 0px !important; color: <?=$theme_menu_text?>; font: 10pt/12pt bold <?=$theme_fonts_text?>; background: <?=$theme_general_bg?>; } #thumbs_load { display: none; width: <?=($content_width-60)?>px !important; margin: 4px 0px 0px 10px; border: 1px solid #f30; } #thumbs_load div#loadbar { height: 14px; width: 0px; margin: 0px; padding: 0px; background: #f30; } #thumbs_load div#loadbar p { margin: 0px; padding: 0px; padding-left: 10px; font-size: 10px; font-weight: bold; color: #fff; } /* thumbs container */ #thumbs_cont { width: <?=($content_width-10)?>px; color: <?=$theme_general_text?>; font-size: 14px; font-family: <?=$theme_fonts_text?>; margin: 4px 0px 0px 0px; padding: 0px; } #thumbs_cont p { padding: 14px 0px 0px 0px; color: <?=$theme_alert_bg?>; font-family: <?=$theme_fonts_titles?>; font-size: 14px; } #thumbs_cont p.noimg { padding-left: 10px; } #thumbs_cont span.load { display: block; width: <?=($content_width-20)?>px !important; margin: 6px 0px 6px 0px; padding: 20px 0px 20px 10px; color: <?=$theme_general_text_light?>; font-size: 18px; } div.thumb_frame { display: inline; width: <?=($thumbnail_max_size+12)?>px; height: <?=($thumbnail_max_size+12)?>px; } #thumbs_cont ul { position: absolute; visibility: visible; list-style: none; width: <?=($content_width-20)?>px !important; margin: 6px 0px 0px 10px !important; padding: 0px !important; } #thumbs_cont ul li { visibility: visible; float: left; width: <?=($thumbnail_max_size)?>px; margin: 0px 8px 8px 0px !important; padding: 0px !important; background: <?=$theme_thumbnail_normal?>; } #thumbs_cont ul li p { height: 16px; margin: 0px; padding: 2px 0px 4px 2px; font-weight: normal; font-size: 10px; line-height: 10px; color: <?=$theme_thumbnail_selected?>; background: <?=$theme_thumbnail_normal?>; border: 1px solid <?=$theme_thumbnail_normal?>; } #thumbs_cont ul li a p { color: <?=$theme_thumbnail_selected?>; } #thumbs_cont ul li a:hover p { color: <?=$theme_thumbnail_hover?>; } #thumbs_cont ul li.normal { background-color: <?=$theme_thumbnail_normal?>; } #thumbs_cont ul li.selected { background-color: <?=$theme_thumbnail_selected?>; } #thumbs_cont ul li.visited { background-color: <?=$theme_general_dimmed?>; } #thumbs_cont ul li a, #thumbs_cont ul li a:link, #thumbs_cont ul li a:active, #thumbs_cont ul li a:visited { cursor: hand; } #thumbs_cont ul li img.thumb_img { margin: 0px !important; padding: 0px !important; vertical-align: middle; border: none; border-top: 4px solid <?=$theme_thumbnail_selected?> !important; background: url('images/spinner.gif') no-repeat 4px 4px !important; } #thumbs_cont ul li img.thumb_img:hover { border: none; border-top: 4px solid <?=$theme_thumbnail_hover?> !important; } #thumbs_cont ul li img.thumb_loader { margin: 6px !important; padding: 0px !important; vertical-align: middle; border: none; background: none; } /**** image container styles ****/ #msc_image { position: absolute; display: none; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; margin: 0px; padding: 0px; z-index: 1000; } body > div#msc_image { position: fixed; } /**** url info container definitions ****/ #image_url { position: absolute; display: block; top: 0px; width: 100%; margin: auto; padding-top: 4px; height: 16px; color: #FFF; font-size: 10px; text-align: center; } #image_url a { color: #666; } #image_url a:hover { color: #999; } #image_div { height: 100%; padding: 16px; color: <?=$theme_menu_text?>; font-size: 10px; line-height: 12px; font-family: <?=$theme_fonts_text?>; font-weight: bold; } #image_container { width: 100%; height: 100%; text-align: center; } #image_container #img { width: 400px; height: 300px; margin: 10px auto; padding: 0px; background: <?=$theme_lightbox_bg?>; text-align: center; vertical-align: middle; } #image_container #img img.imagen { display: block; margin: 0px !important; padding: 1px; background: <?=$theme_lightbox_bg?>; border: 8px solid <?=$theme_lightbox_bg?>; } #image_container #img #loaddiv { display: none; color: <?=$theme_thumbnail_selected?>; font-size: 11px; margin-top: 20px; padding: 8px; font-weight: normal; font-family: <?=$theme_fonts_titles?>; background: <?=$theme_lightbox_bg?>; border: 1px solid <?=$theme_lightbox_bg?>; } #image_container #img #loaddiv strong { color: #333; } #image_container #img #loaddiv img#loadimg { border: 1px solid <?=$theme_lightbox_line?>; margin-top: -4px; vertical-align: middle; background: none; } #image_container small, #image_container a small { margin: 0px; padding: 0px; font-size: 11px; font-weight: normal; font-family: <?=$theme_fonts_titles?>; color: <?=$theme_lightbox_text?>; } #image_container p { margin: 0px; padding: 0px 0px 10px 0px; font-size: 11px; font-weight: normal; font-family: <?=$theme_fonts_titles?>; color: <?=$theme_lightbox_text?>; background: <?=$theme_lightbox_bg?>; } #image_container a:hover small { color: <?=$theme_lightbox_hover?>; } #image_menu { display: block; width: 100%; margin: 2px auto 4px auto; color: <?=$theme_lightbox_text?>; text-align: center; } #image_menu a { color: <?=$theme_lightbox_link?>; } #image_menu a:hover { color: <?=$theme_lightbox_hover?>; } #image_menu span#close_win { position: absolute; float: right; top: 20px; right: 20px; width: 240px; text-align: right; } #image_menu span#close_win a { font-size: 14px; font-weight: bold; font-family: <?=$theme_fonts_titles?>; } /**** image navigation div definitions ****/ #nav_container { width: 410px; height: 50px; margin: 10px auto 0px auto; padding: 0px 4px; text-align: center; } #nav_container #prev { float: left; width: 25px; margin-top: 3px; } #nav_container #next { float: right; width: 25px; margin-top: 3px; } #nav_container #prev a#a_prev, #nav_container #next a#a_next { display: none; margin: 0px; padding: 0px; background: none; border: none; } #nav_container #prev a#a_prev:hover, #nav_container #next a#a_next:hover { color: <?=$theme_lightbox_hover?>; } #nav_container #prev a#a_prev img, #nav_container #next a#a_next img { background: none; border: none; <?php if ($mark_visited_thumbs) { ?> filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; <?php } ?> } #nav_container #prev a#a_prev img:hover, #nav_container #next a#a_next img:hover { background: <?=$theme_lightbox_hover?>; <?php if ($mark_visited_thumbs) { ?> filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; <?php } ?> } /**** thumb navigation div ****/ #nav_container #nav_thumbs { width: 300px; margin: 0px auto; padding: 3px 0px; text-align: center; } #nav_container #nav_thumbs #navthumb { display: inline; } #nav_container #nav_thumbs #navthumb a { color: <?=$theme_thumbnail_hover?>; } #nav_container #nav_thumbs #navthumb a:hover { color: <?=$theme_thumbnail_normal?>; } #nav_container #nav_thumbs #navthumb a img { margin: 0px; padding: 0px; } #nav_container #nav_thumbs #navthumb a img.th { width: 40px; height: 40px; border: 2px solid <?=$theme_lightbox_line?>; margin: 0px 4px 0px 4px; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } #nav_container #nav_thumbs #navthumb a img.sel { width: 40px; height: 40px; border: 2px solid <?=$theme_lightbox_selected?>; margin: 0px 4px 0px 4px; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } #nav_container #nav_thumbs #navthumb a:hover img.th, #nav_container #nav_thumbs #navthumb a:hover img.sel { border: 2px solid <?=$theme_lightbox_selected?>; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } /**** image div definitions ****/ #image_header { margin: auto; padding: 0px; text-align: center; width: 100%; } #image_header #image_title { height: 22px; margin: 0px; padding: 8px 0px 0px 0px; color: <?=$theme_lightbox_title?>; font-size: 18px; line-height: 18px; font-family: <?=$theme_fonts_titles?>; font-weight: normal; text-align: center; } #image_header #image_title small { font-size: 12px; color: <?=$theme_lightbox_link?>; } #image_header #image_title span#ind { width: 24px; height: 24px; margin-right: 10px; } #image_header #timer { display: none; margin: 0px; padding: 0px; height: 16px; text-align: center; } #image_header #timer span, #image_header #timer span a { color: <?=$theme_lightbox_title?>; font-weight: normal; } #image_header #timer span a:hover { color: <?=$theme_lightbox_hover?>; } #image_info { padding: 12px 0 20px 24px; color: <?=$theme_lightbox_text?>; font-size: 12px; line-height: 16px; font-family: <?=$theme_fonts_titles?>; } #image_info a { color: <?=$theme_lightbox_text?>; font-size: 12px; line-height: 16px; font-family: <?=$theme_fonts_titles?>; } #image_bg { position: absolute; display: block; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -10; background-color: <?=$theme_lightbox_color?>; filter:alpha(opacity=<?=$theme_lightbox_opacity?>); -moz-opacity: <?=($theme_lightbox_opacity/100)?>; opacity: <?=($theme_lightbox_opacity/100)?>; } body > #image_bg { position: fixed; } /**** alert div definitions ****/ #alert { display: none; margin-bottom: 4px; padding: 2px; text-align: left; background: url('themes/<?=$selected_theme?>/<?=$theme_lightbox_alert?>') 4px 2px no-repeat <?=$theme_alert_bg?>; } #alert img { display: inline; margin-top: 4px; vertical-align: top; } #alert span#msg { display: block; margin: 4px 20px 0px 45px; } #alert p { margin: 0px; padding: 0px; color: <?=$theme_alert_text?>; font-family: <?=$theme_fonts_text?>; font-size: 11px; line-height: 14px; font-weight: normal; } #alert p small { color: <?=$theme_alert_link?>; } #alert p a#dismiss { display: block; text-align: right; margin: 5px 10px 5px 45px; padding: 0px; color: <?=$theme_alert_link?>; font-weight: normal; } #alert p a#dismiss:hover { color: <?=$theme_alert_hover?>; } /**** footer container definitions ****/ #msc_foot { position: relative; width: <?=($content_width-20)?>px !important; margin: 0px; padding: 0px; padding-left: 10px; text-align: left; background: <?=$theme_general_bg?>; } #msc_foot span#footer_cont { display: block; /*width: <?=($content_width-10)?>px;*/ padding: 6px 0px 6px 0px; color: <?=$theme_footer_text?>; font-family: <?=$theme_fonts_text?>; font-weight: normal; font-size: 9px; line-height: 12px; } #msc_foot span#footer_cont a, #msc_foot span#footer_cont a:link, #msc_foot span#footer_cont a:active, #msc_foot span#footer_cont a:visited { color: <?=$theme_footer_text?>; font-size: 9px; line-height: 12px; font-weight: bold; text-decoration: none; } #msc_foot span#footer_cont a:hover { color: <?=$theme_footer_hover?>; } /**** DEBUGGING ****/ #tooltip { position: absolute; left: 0px; top: 0px; display: none; padding: 1px; color: <?=$theme_menu_text?>; font-size: 11px; border: 1px solid <?=$theme_menu_active?>; background: <?=$theme_menu_bg?>; } /**** DEBUGGING ****/ #debug { position: fixed; display: none; float: left; bottom: 0px; width: 100%; height: 100px; overflow: auto; margin: 0px 0px 0px 0px; padding: 2px; padding-left: 10px; background: <?=$theme_alert_bg?>; z-index: 100000; clear: both; } #debug p { margin: 0px; padding: 2px; color: <?=$theme_alert_text?>; font-family: <?=$theme_fonts_text?>; font-size: 11px; line-height: 14px; font-weight: normal; text-align: left; }
a plik gallery_ie.css wygląda tak :
/**** IE PC tag definitions ****/ #msc_thumbs { float: left; margin-left: 0px; } #msc_image { background: none !important; } #msc_image #image_bg, html>body #msc_image #image_bg { background-color: none !important; } #nav_container { clear: both !important; } #image_menu #nav_thumbs #navthumb a img.th, #image_menu #nav_thumbs #navthumb a img.sel { margin: 0px !important; } #image_header #image_title { padding-top: 2px !important; } #thumbs_cont ul li { margin: 0px 4px 2px 0px !important; }
jest jeszcze include.css
/**** header tag definitions ****/ #gallery_header_container { margin: auto; margin-bottom: 10px; padding: 2px 120px; background: #eee; } #gallery_header_container h1, #gallery_header_container h2, #gallery_header_container h3, #gallery_header_container h4, #gallery_header_container h5 { font-family: Helvetica, Verdana, Arial, sans-serif; } #gallery_header_container h1 { margin: 0px; padding: 0px; color: #369; font-size: 42px; font-weight: bold; letter-spacing: -1px; } #gallery_header_container h1.title { margin-left: -40px; letter-spacing: -2px; } #gallery_header_container h1 small { color: #69C; font-size: 18px !important; font-size: 14px; letter-spacing: -1px; } #gallery_header_container h2 { margin: 0px; padding: 0px; color: #369; font-size: 21px; font-weight: bold; letter-spacing: -1px; } #gallery_header_container h2.subtitle { margin-top: -6px !important; } #gallery_header_container h3, #gallery_header_container h4, #gallery_header_container h5 { color: #369; letter-spacing: 0px; } #gallery_header_container strong, #gallery_header_container b { color: #333; font-weight: bold; } #gallery_header_container a { color: #369; font-size: 14px; } #gallery_header_container a.small { font-size: 11px; margin: 4px; padding: 4px 0px 0px 0px; } #gallery_header_container a:hover, #gallery_header_container a.small:hover { color: #69C; } #gallery_header_container p { font-family: Verdana, Helvetica, Arial; margin: 0px 0px 10px 0px; padding: 0px; color: #000; font-size: 12px; line-height: 18px; font-weight: normal; } #gallery_header_container p a { font-size: 12px; line-height: 18px; } #gallery_header_container ul li, #gallery_header_container ol li { font-size: 12px; } #gallery_header_container ul li a, #gallery_header_container ol li a { font-size: 12px; } #gallery_header_container abbr { color: #000; font-family: Verdana, Helvetica, Arial; font-weight: bold; cursor: help; border-bottom: 1px solid #000; } #gallery_header_container em { color: #000; text-decoration: none; } #gallery_header_container .center { text-align: center; } #gallery_header_container .left { text-align: left; } /**** CONTENT CONTAINER ****/ #gallery_header_container div.main_nav { margin: 4px 0px 0px 0px; padding: 4px 0px 0px 46px; color: #444; font-size: 11px; } #gallery_header_container div.main_nav h2#menu, #gallery_header_container div.main_nav h2#menu a { margin: 0px; padding: 2px; color: #369; font-family: Verdana, Helvetica, Arial; font-size: 11px; font-weight: normal; text-decoration: none; border-bottom: 0px; } #gallery_header_container div.main_nav h2#menu a:hover { color: #FFF; background: #369; border-bottom: 0px; } #gallery_header_container div.section { position: relative; width: 100%; margin: 4px 0px 12px 0px; padding: 4px; color: #000; } #gallery_header_container div.section h2 { color: #369; font-size: 14px; margin: 0px 0px 12px 0px; } #gallery_header_container div.section h2#menu, #gallery_header_container div.section h2#menu a { margin: 0px; padding: 0px; font-size: 14px; color: #69C; } #gallery_header_container div.section h2#menu a:hover { color: #000; border-bottom: 1px solid #000; } #gallery_header_container div.section img.logo { float: left; margin: 4px; } #gallery_header_container div.section a.image, #gallery_header_container div.section a img { border: 0px; } #gallery_header_container div.section table#license_table, #gallery_header_container div.section table#license_table tr, #gallery_header_container div.section table#license_table tr td { margin: 0px; padding: 4px 4px 0px 4px; vertical-align: top; background: #EEE; } #gallery_header_container div.section img.license_image { padding-top: 1px; padding-right: 8px; vertical-align: top; } #gallery_header_container div.section p.license, #gallery_header_container div.section p.license a { line-height: 16px !important; } /**** footer tag definitions ****/ #gallery_footer_container { margin: auto; padding: 0px 120px 4px 120px; clear: both; background: #eee; } #gallery_footer_container div.footer { margin: 40px 0px 12px 0px; padding: 4px 4px 0px 4px; background: #EEE; } #gallery_footer_container div.footer p { color: #000; font-size: 11px; } #gallery_footer_container div.footer p img.footer_logo { vertical-align: middle; margin: 0px 4px 4px 0px; border: 0px; } #gallery_footer_container div.footer a { font-size: 11px; font-weight: normal; }
Dałem wszystkie pliki bo nie wiem gdzie to może być...
Pozdro
Użytkownik lechu92 edytował ten post 26 styczeń 2007, 12:09
Ja bym poprostu dał:
body{ font-family:Arial; }
i problem rozwiązany, chyba że nie chcesz mieć na całej stronie tej czcionki.
A co do miniatur to lepiej sprawdź swoją strone na jakimś walidiatorze, na pewno masz jakieś błędy, np http://validator.w3.org
Dzięki Wielkei, DJ_ProG podpowiedział mi coś takiego * { font-family: Arial; } i działa :P
Z co do tych walidatorów to normalnie maskra, 20 błędów mi znalazł....
postaram sie je naprawić ale zapewne będe miał problemy z większością.
//Mam takie błędy:
http://validator.w3....lechu92.ovh.org
/// 3 błędy poprawiłem :P
//// jakby ktoś wiedział o co chodzi w niektórych błędach i wytłumaczył mi co mm zrobić, byłbym wdzięczny :P
Użytkownik lechu92 edytował ten post 28 styczeń 2007, 14:59
@up: weź no mój nick napisz porawnie, plz :)
Co do validatora:
1. IFy jakieś dziwne masz na stronie :P
2. Ustaw poprawnego DOCTYPEa ;) [click#1, click#2]
3. <select id="slideshowTimeSelect" class="ss" onchange="changeSlideshowTime(this);"><option value="5">5 </option>\n\t<option value="10">10 </option>\n\t< option value="15">15 </option>\n\t< option value="20">20 </option>\n\t< option value="25">25 </option>\n\t< /select>zmień na<select id="slideshowTimeSelect" class="ss" onchange="changeSlideshowTime(this);"> <option value="5">5 </option> <option value="10">10 </option> <option value="15">15 </option> <option value="20">20 </option><option value="25">25 </option></select>
4. w każdym tagu IMG musi znajdować się atrybut ALT!
Dla przykładu: <img src="obrazek.jpg" alt="Obrazek" />
5. Wg validatora, w linii 110 masz <img src=img.jpg alt=front img width=665 height=249 />daj<img src="img.jpg" alt="front img" width="665" height="249" />
Pozdrawiam.
Użytkownik DJ_ProG edytował ten post 28 styczeń 2007, 12:44
3. <select id="slideshowTimeSelect" class="ss" onchange="changeSlideshowTime(this);"><option value="5">5 </option>\n\t<option value="10">10 </option>\n\t< option value="15">15 </option>\n\t< option value="20">20 </option>\n\t< option value="25">25 </option>\n\t< /select>zmień na<select id="slideshowTimeSelect" class="ss" onchange="changeSlideshowTime(this);"> <option value="5">5 </option> <option value="10">10 </option> <option value="15">15 </option> <option value="20">20 </option><option value="25">25 </option></select>
I tu jest problem bo ja w index.php mam tylko
alt="obrazek"
:(
Ale dzięki, za pomoc już mam 13 błędów :P
OMG. Poszukaj pliku, który jest odpowiedzialny za wyświetlanie tego fragmentu pliku i w nim przerób to co trzeba.