Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   Как выставить фотографии по центру (http://forum.oszone.net/showthread.php?t=253571)

VINDIGO1 09-02-2013 14:01 2086280

Как выставить фотографии по центру
 
Вложений: 1
Здравствуйте, есть сайт http://mzoloto37.ru, подскажите как мне выставить фотографии по центру, но только как для чайника? )) Ещё когда размер картинки уменьшаешь и выставить в зону шаблона "advert2", в "предварительном просмотре" всё встаёт по центру, а на самом сайте всё равно находится слева, если бы поиграть с размером и с зонами то я бы подогнал на центр, но на самом сайте оно не перемещается, вот в чём проблема :(. Сайт на joomla 2.5.9.

Вот код шаблона главной страници
Код:

<?php
/*------------------------------------------------------------------------
# "Hot Photo Portfolio" Joomla template - April, 2010
# Copyright (C) 2010 ArhiNet d.o.o. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotJoomlaTemplates.com
# Website: http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/
defined( '_JEXEC' ) or die( 'Restricted access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
$template_path = $this->baseurl.'/templates/'.$this->template;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />

<?php  // module states
   
    $showadvert[1] = $this->countModules('advert1');
    $showadvert[2] = $this->countModules('advert2');
    $showadvert[3] = $this->countModules('advert3');
    $showadvert[4] = $this->countModules('advert4');
    $showuser1 = $this->countModules('user1');
    $showuser2 = $this->countModules('user2');
    $showuser3 = $this->countModules('user3');
    $showuser[5] = $this->countModules('user5');
    $showuser[6] = $this->countModules('user6');
    $showuser[7] = $this->countModules('user7');
    $showuser[8] = $this->countModules('user8');
    $showfooter[1] = $this->countModules('footer1');
    $showfooter[2] = $this->countModules('footer2');
    $showfooter[3] = $this->countModules('footer3');
    $showfooter[4] = $this->countModules('footer4');   
    $showleft = $this->countModules('left');
    $showright = $this->countModules('right');
    $showbreadcrumbs = $this->countModules('breadcrumbs');
   
    $uppermodules = 0;
    for ($loop = 1; $loop <= 4; $loop += 1) {
      if($showadvert[$loop]) { $uppermodules++; }
    }
   
    $bottommodules = 0;
    for ($loop = 5; $loop <= 8; $loop += 1) {
      if($showuser[$loop]) { $bottommodules++; }
    }
   
    $footermodules = 0;
    for ($loop = 1; $loop <= 4; $loop += 1) {
      if($showfooter[$loop]) { $footermodules++; }
    }
?>

<?php  // template parameters
   
    // template layout
    $templateWidth = $this->params->get("templateWidth", "980");
    $textDirection = $this->params->get("textDirection", "ltr");
    $columnLeftWidth = 0; $columnRightWidth = 0; $columnLeftPad = 0; $columnRightPad = 0;
    if ($showleft) {
      $columnLeftWidth = $this->params->get("columnLeftWidth", "285");
      $columnLeftPad = 15;
    }else{
      $columnLeftWidth = 0;
      $columnLeftPad = 0;
    }
    if ($showright) {
      $columnRightWidth = $this->params->get("columnRightWidth", "285");
      $columnRightPad = 15;
    }else{
      $columnRightWidth = 0;
      $columnRightPad = 0;
    }
    $contentWidth = $templateWidth - $columnLeftWidth - $columnLeftPad - $columnRightWidth - $columnRightPad;
    $overallWidth = $templateWidth;
   
    // add-ons
    $imageReflectionLoad = $this->params->get("imageReflectionLoad", "1");
    $fontResizeLoad = $this->params->get("fontResizeLoad", "1");
   
    // template style
   
      // check if in parameters
      $templateStyle = $this->params->get("templateStyle", "1");
     
      // check if it cookie
      if(isset($_COOKIE['Style']))
      {
      $templateStyle = $_COOKIE['Style'];
      }
     
      $templateStyleTest = "";
     
      // check if in link
      if (isset($_GET['style'])) {
        $templateStyleTest = $_GET['style'];
      }
     
      if ($templateStyleTest) {
        $templateStyle = $templateStyleTest;
        $Month = 2592000 + time();
        setcookie("Style", $templateStyle, $Month);
      }
   
    if($templateStyle) {
     
    require(YOURBASEPATH."/styles/style".$templateStyle.".php");
     
    }else{

    $bodyText = $this->params->get("bodyText", "#7B7F80");
    $linksColor = $this->params->get("linksColor", "#ADA9AA"); 
    $bgStyle = $this->params->get("bgStyle", "5");
    $solidBg = $this->params->get("solidBg", "#000000"); 
    $menuAnimationEffect = $this->params->get("menuEffect", "fadeIn(700)"); 
    $topMenuButton = $this->params->get("topMenuButton", "#000000");
    $topMenuHoverButton = $this->params->get("topMenuHoverButton", "#FFFFFF");
    $topMenuText = $this->params->get("topMenuText", "#9A5A1C");
    $topMenuHoverText = $this->params->get("topMenuHoverText", "#FFFFFF");
    $topMenuSubBg = $this->params->get("topMenuSubBg", "#000000");
    $topMenuSubBgHover = $this->params->get("topMenuSubBgHover", "#FFD441");
    $topMenuSubText = $this->params->get("topMenuSubText", "#FFFFFF");
    $topMenuSubTextHover = $this->params->get("topMenuSubTextHover", "#000000");
    $breadcrumbsText = $this->params->get("breadcrumbsText", "#ffffff");
    $bottomHeading = $this->params->get("bottomHeading", "#ADA9AA");
    $bottomText = $this->params->get("bottomText", "#7B7F80");
    $componentHeadingText = $this->params->get("componentHeadingText", "#ADA9AA");
    $headingText = $this->params->get("headingText", "#ADC205");
    $headingHoverText = $this->params->get("headingHoverText", "#ADC205");
    $columnHeading = $this->params->get("columnHeading", "#ADA9AA");
    $columnText = $this->params->get("columnText", "#7B7F80");
    $moduleFirstWord = $this->params->get("moduleFirstWord", "#ADC205");
    $color1 = $this->params->get("color1", "yellow");
    $color2 = $this->params->get("color2", "green");
   
    }
?>

<link rel="stylesheet" href="<?php echo $template_path ?>/css/template_css.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $template_path ?>/css/layout.css" type="text/css" />
<?php if ($textDirection=="rtl") { ?>
<link rel="stylesheet" href="<?php echo $template_path ?>/css/rtl.css" type="text/css" /> 
<?php } ?>
<style type="text/css">
<!--
<?php require(dirname(__FILE__).DS.'/css/template_css.php'); ?>
-->
</style>
<!--[if lt IE 9]>
<style type="text/css">
#nav li.active {
  behavior: url(<?php echo $template_path ?>/css/PIE.php);
}
</style>
<![endif]-->

<script type="text/javascript" src="<?php echo $template_path ?>/js/jquery.min.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
</script>

<!-- top menu -->
<script type="text/javascript">
function mainmenu(){
jQuery(" #nav ul ").css({display: "none"}); // Opera Fix
jQuery(" #nav li ").hover(function(){
    jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).<?php echo $menuAnimationEffect; ?>;
    },function(){jQuery(this).find('ul:first').css({visibility: "hidden"});  });}
jQuery(document).ready(function(){ mainmenu();});
</script>

<?php if($imageReflectionLoad) { ?>
<!-- reflection -->
<script type="text/javascript" src="<?php echo $template_path ?>/js/reflection.js"></script>
<?php } ?>

<?php if($fontResizeLoad) { ?>
<!-- font resizer -->
<script type="text/javascript" src="<?php echo $template_path ?>/js/fontResize.js"></script>
<?php } ?>

<!--[if IE 6]>
<script type="text/javascript" src="<?php echo $template_path ?>/js/pngfix.js"></script>
<script>
  POS_BrowserPNG.fix('img,.content_wrap,ul.checklist li,ul.arrow li,ul.star li,.header_module,.footer_content');
</script>
<link rel="stylesheet" href="<?php echo $template_path ?>/css/ie6only.css" type="text/css" />
<![endif]-->


</head>
<body>
<div id="header_wrap">
  <div class="header_module">
      <div class="logo">
          <div class="logo_pad">
            <a href="index.php"><img src="<?php echo $template_path ?>/images/logo.png" width="255" height="25" alt="joomla photo portfolio" /></a>
            </div>
        </div>
        <div id="header_search">
          <div class="header_search_pad">
            <jdoc:include type="modules" name="user4" style="none" />
            </div>
        </div>
        <div class="clr"></div>
    </div>
</div>
<div class="topmenu_wrap">
    <div class="topmenu">
        <jdoc:include type="modules" name="user3" style="none" />
    </div>
</div>
<div id="content_gradient">
    <div class="hotwrapper">
        <?php if ($uppermodules) { ?>
        <div class="upper">
            <?php if($showadvert[1]) { ?>
            <div class="modulerow<?php echo $uppermodules; ?>"><jdoc:include type="modules" name="advert1" style="none" /></div>
            <?php } if($showadvert[2]) { ?>
            <div class="modulerow<?php echo $uppermodules; ?>"><jdoc:include type="modules" name="advert2" style="hot" /></div>
            <?php } if($showadvert[3]) { ?>
            <div class="modulerow<?php echo $uppermodules; ?>"><jdoc:include type="modules" name="advert3" style="hot" /></div>
            <?php } if($showadvert[4]) { ?>
            <div class="modulerow<?php echo $uppermodules; ?>"><jdoc:include type="modules" name="advert4" style="hot" /></div>
            <?php } ?>
            <div class="clr"></div>
        </div>
        <?php }else{ ?>
        <div class="upper"></div>
        <?php } ?>
        <div class="main_area">
            <?php if ($showleft) { ?>
            <div class="column_left">
              <div class="column_left_pad">
                  <jdoc:include type="modules" name="left" style="hot" />
                </div>
            </div>
            <?php } ?>
                <div class="content_wrap">
                        <div class="content_pad">
                            <?php if ($showuser1) { ?>
                            <div class="module_inset">
                                <jdoc:include type="modules" name="user1" style="hot" />
                            </div>
                            <?php } ?>
                           
                                <jdoc:include type="message" />
                                <jdoc:include type="component" />
                           
                            <?php if ($showuser2) { ?>
                            <div class="module_toolbar">
                                <jdoc:include type="modules" name="user2" style="hot" />
                            </div>
                            <?php } ?>
                        </div>
                <div class="clr"></div>
            </div>
            <?php if ($showright) { ?>
            <div class="column_right">
              <div class="column_right_pad">
                  <jdoc:include type="modules" name="right" style="hot" />
                </div>
            </div>
            <?php } ?>
            <div class="clr"></div>
        </div>
        <?php if ($showbreadcrumbs) { ?>
        <div class="path">
            <div class="path_pad">
                <jdoc:include type="modules" name="breadcrumbs" style="none" />
                <jdoc:include type="modules" name="carousel" style="none" />
            </div>
        </div>
        <?php } ?>
        <?php if ($bottommodules) { ?>
        <div class="bottom">
            <?php if($showuser[5]) { ?>
            <div class="modulerow<?php echo $bottommodules; ?>"><jdoc:include type="modules" name="user5" style="hot" /></div>
            <?php } if($showuser[6]) { ?>
            <div class="modulerow<?php echo $bottommodules; ?>"><jdoc:include type="modules" name="user6" style="hot" /></div>
            <?php } if($showuser[7]) { ?>
            <div class="modulerow<?php echo $bottommodules; ?>"><jdoc:include type="modules" name="user7" style="hot" /></div>
            <?php } if($showuser[8]) { ?>
            <div class="modulerow<?php echo $bottommodules; ?>"><jdoc:include type="modules" name="user8" style="hot" /></div>
            <?php } ?>
            <div class="clr"></div>
        </div>
        <?php } ?>
    </div>
</div>
<div class="footer_wrap">
  <div class="footer_content">
      <?php if ($footermodules) { ?>
        <div class="footer_modules">
            <?php if($showfooter[1]) { ?>
            <div class="modulerow<?php echo $footermodules; ?>"><jdoc:include type="modules" name="footer1" style="hot" /></div>
            <?php } if($showfooter[2]) { ?>
            <div class="modulerow<?php echo $footermodules; ?>"><jdoc:include type="modules" name="footer2" style="hot" /></div>
            <?php } if($showfooter[3]) { ?>
            <div class="modulerow<?php echo $footermodules; ?>"><jdoc:include type="modules" name="footer3" style="hot" /></div>
            <?php } if($showfooter[4]) { ?>
            <div class="modulerow<?php echo $footermodules; ?>"><jdoc:include type="modules" name="footer4" style="hot" /></div>
            <?php } ?>
            <div class="clr"></div>
        </div>
        <?php } ?>
    </div>
</div>
<div class="footer_wrap_copyright">
    <div class="footer_wrap_copyright_content">
        <div class="footer">
            <div class="footer_pad">
                <jdoc:include type="modules" name="footer" />
            </div>
        </div>
        <div class="footer2">
            <div class="footer_pad">
                <jdoc:include type="modules" name="bottom" style="none" />
            </div>
        </div><div class="clr"></div>
    </div>
</div>
<div style="clear:both"></div>
<jdoc:include type="modules" name="debug" style="none" />   
</body>
</html>

Вот что ещё нарыл, в настройках шаблона есть такой пункт "Text Direction" с двумя параметрами "Left to Right" и "Right to Left ", при смене этих параметров меняется расположение всех элементов, вот если бы там был доп. параметр "ЦЕНТР" то все бы выровнялось по центру и было бы идеально, вот как в тему добавить этот пункт?
Вот ещё код и файла "css/layout.css"

читать дальше »
/*------------------------------------------------------------------------
# "Hot Photo Portfolio" Joomla template - April, 2010
# Copyright (C) 2010 ArhiNet d.o.o. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotJoomlaTemplates.com
# Website: http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/

html {
font-size:11px;
}

body {
margin:0;
padding:0;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
line-height:18px;
}

.hotwrapper {
margin:0 auto;
position:relative;
height:auto;
}

.logo {
height:114px;
width:240px;
float:left;
}

.logo_pad {
padding-top:95px;
}

#header_search {
float:right;
}

.header_search_pad {
padding-top:40px;
}

.topmenu {
height:90px;
margin:0 auto;
}

#topmenu_pad {
padding:0px 4px 0px 4px;
float:right;
}

.header_module {
overflow:hidden;
margin:0 auto;
height:164px;
}

.path {
margin:0 auto;
padding-bottom:10px;
}

.path_pad {
}

.main_area {
margin:0 auto;
}

.content_wrap {
margin-top:13px;
float:left;
}

.content_pad {
padding:0;
}

.column_left {
float:left;
}

.column_right {
float:right;
}

.column_right_pad {
padding-left:15px;
}

.column_left_pad {
padding-right:15px;
}

.module_inset,.module_toolbar {
padding-bottom:30px;
}

.upper {
margin:0 auto;
padding:40px 10px 15px 10px;
}

.bottom {
padding:10px;
margin:15px auto 20px auto;
}

.modulerow1 {
width:99.9%;
float:left;
}

.modulerow2 {
width:49.9%;
float:left;
}

.modulerow3 {
width:33.3%;
float:left;
}

.modulerow4 {
width:24.9%;
float:left;
}

.footer_wrap {
margin:0 20px;
background: url(../images/content_bg2.png);
}

.footer_content {
margin:0 auto;
padding:15px 0;
}

.footer_modules {
padding:0 10px;
}

.footer_wrap_copyright {
padding:5px 0 25px 0;
}

.footer_wrap_copyright_content {
margin:0 auto;
padding:0 10px;
}

.footer {
width:50%;
float:left;
color:#555555;
}

.footer2 {
width:50%;
float:left;
text-align:center;
color:#555555;
}

.footer_wrap_copyright a:link, .footer_wrap_copyright a:visited {
color:#555555;
font-weight:normal;
}

.footer_pad {
padding:5px 10px;
}

.clr {
clear:both;
}

#font_resize {
float:right;
padding-top:1px;
padding-right:30px;
}

#font_resize a {
padding:0 5px;
font-weight:normal;
}


Время: 04:07.

Время: 04:07.
© OSzone.net 2001-