Jump to content
  • 0

Изменить размер шапки

Olabola

Asked by Olabola,

 Share

Question

Olabola Explorer

Olabola

Posted
Posted (edited)

Здравствуйте, помогите пожалуйста.Сейчас как на рис.1, нужно сделать как на рис.2. Т.е. убрать белые полосы по бокам, чтобы картинка была на всю длину. Извините, если не правильно оформила сообщение)

Рисунок 1

Рисунок 2

Файл index.php:

<?php
 defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!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">
<!--
author: raduga 
copyright: GNU/GPL
-->
<head>
<?php mosShowHead(); ?>
<?php if ( $my->id ) {initEditor();} ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />

<?php
$myway = $GLOBALS['mosConfig_live_site']."/templates/".$mainframe->getTemplate();
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/splitcssmenu.php");
echo "<link rel=\"stylesheet\" href=\"$myway/css/template_css.css\" type=\"text/css\"/>" ;
echo "<link rel=\"shortcut icon\" href=\"$myway/favicon.ico\" />" ;?>

</head>

<body id="body">

<div id="logo">
<div  id="top_bar">
<?php if (mosCountModules('banner')) { ?>
<?php mosLoadModules ( 'banner', -1 ); ?>
<?php } ?>
</div></div>


                <div align="center"><?php echo  $mycssONLY_PRI_menu ?></div> 
                <div id="clear"></div>

                  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"  id="centertb">
                  <tr>

<?php if (mosCountModules('left')) { ?>
                  <td  valign="top" class="leftcol">
                  <div>
                  <?php mosLoadModules ( 'left',-3 ); ?>
                  </div>
                  </td>          
<?php } ?>

             <td valign="top"  width="100%" id="contenttb"> 
             <table width="100%"  border="0" cellspacing="0" cellpadding="0">

                <tr>
                <td  colspan="3" class="pw" ><?php mosPathWay(); ?></td>
                </tr>

<?php if (mosCountModules('top')) { ?>              
                        <tr valign="top" >
                        <td colspan="3" align="center" class="contentmod">
                        <div>
                        <?php mosLoadModules ( 'top'); ?>
                        </div>
                        </td> 
                        </tr>
                        <tr><td colspan="3"></td></tr>
<?php } ?>


                                          <?php 

							if (mosCountModules( "user1" )>0 && mosCountModules( "user2" )>0){
							$modtopwidth = 50;
							}

                                          else if (mosCountModules( "user1","user2" )) {
							$modtopwidth = 100;
							}

							?>



<?php if (mosCountModules( "user1" )>0 || mosCountModules( "user2" )>0) { ?>
 <tr>
<?php if (mosCountModules('user1')) { ?> 
                        <td valign="top" class="contentmod" width="<?php echo $modtopwidth; ?>%" >
                        <div>
                        <?php mosLoadModules ( 'user1' ); ?>
                        </div>
                        </td>
<?php } ?>

<?php if (mosCountModules( "user1" )>0 && mosCountModules( "user2" )>0) { ?>

                       <td><div class="mod"></div></td> 
<?php } ?> 

<?php if (mosCountModules('user2')) { ?>
                    <td valign="top" class="contentmod" width="<?php echo $modtopwidth; ?>%" >
                    <div>
                    <?php mosLoadModules ( 'user2' ); ?>
                    </div></td> 
<?php } ?>
        </tr>

                   <tr><td colspan="3"></td></tr>
<?php } ?>


          <tr align="left" valign="top">
                      <td colspan="3" style="padding: 5px 0;">
                      <div class="main">
                      <?php mosMainBody(); ?>
                      </div> 
                      </td>
          </tr>

<?php if (mosCountModules('bottom')) { ?>
<tr>
                      <td colspan="3" valign="top" style="padding-top:10px;text-align: left;" class="contentmod"> 

                      <div>
                      <?php mosLoadModules ( 'bottom' ); ?>
                      </div>
                      </td>
                      </tr>
<?php } ?>

                      </table>
                      </td>

<?php if (mosCountModules('right')) { ?>                      
                      <td valign="top" class="rightcol">
                      <div>
                      <?php mosLoadModules ( 'right',-3 ); ?>
                      </div>
                      </td>
<?php } ?>

         </tr>
</table> 

                <div class="foot">
                <div class="footer_left">
<?php include_once ($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/footer.inc"); ?>
                </div>
                <div class="footer_right">
<?php if (mosCountModules('user3')) { ?>
<?php mosLoadModules ( 'user3',-1 ); ?>
<?php } ?>
<br />

                </div>
                </div>



</body>
</html>

Файл template_css.css:

/**
author: rgb(raduga) 
**/

/**#################### DEFAULT and FORMS CSS ####################**/

body,html {
  padding          : 0;
  margin           : 0 15px !important;
  margin           : 0 30px;
           }

td, tr, p, div {
  font-family      :  Arial, Helvetica, sans-serif;
  color            : #333333;
  font-size        : 13px;
  line-height      : 16px;
}

hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}

a:link, a:visited {
  color            : #669900;
  text-decoration  : underline;

}
a:hover {
  color            : #999999;
  text-decoration  : underline;

}

ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}

li {  
  line-height      : 14px;
  padding-left     : 14px;
  padding-top      : 2px;
  background-image : url(../images/strelka.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

ol li {
background-image: none;
}

form {
margin           : 0; 
padding          : 0;
}

.inputbox {
 color        : #000000;
 background   : #E2E7EA;
 border       : 1px solid #D3DBDF;
 margin       : 3px 0;

}

form select.button{
 color        : #000000;
 background   : #E2E7EA;
}

option {
background   : #E2E7EA;
}

h1 {
  font-size        : 16px;
  color            : #669900;
    }

h2 {
  font-size        : 15px;
  color            : #9fafb4;
    }

h3 {
  font-size        : 14px;
  color            : #669900;
    }

/**#################### Joomla CSS ####################**/

/** Buttons **/

.back_button {
  font-size        : 12px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;

  }
div.back_button a{
text-decoration  : none;
  }


.button {
  font-size        : 11px;
  color            : #EDF1F3;
  border           : 1px solid #5B6D7E;
  margin           : 3px 0;
  padding          : 2px;
  cursor           : pointer;
  background       : #303A43;
}


/** Contact **/

.contact_email  {
  width            : 100%;
}

.contact_email .inputbox {
}



/** Module table  **/


table.moduletable {
	margin           : 0 0 8px 0;
      width            : 100%;
      	}

table.moduletable th {

    font-family          : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
      color              : #303A43;
	padding            : 2px;
      line-height        : 25px;
	height             : 29px;
      background         : #E3EBF0;    
	}

table.moduletable td {
    padding-top: 2px;
    	}



div.module{
    text-align: left;
    margin           : 0 0 20px 0;
    	}

div.module h3 {

      font-family        : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
      color              : #303A43;
	line-height        : 27px;
	border-left        : 4px solid #303A43;
      height             : 29px;
      margin             : 0 0 15px 0;
       }

.rightcol div.module h3{
      border-right  : 4px solid #303A43;
      border-left   : none;
		}


.contentmod {
text-align   : left;
padding      : 8px 0;

}

.contentmod td {
padding      : 5px;
}

.contentmod table.moduletable {
margin           : 0 0 8px 0;
width            : 100%;
background       : url(../images/content.jpg) repeat-x top left;
}


.contentmod table.moduletable th{
      font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
      color              : #313C40;
	padding            : 2px;
      line-height        : 25px;
      background         : none;
      border-bottom      : 1px solid #D0DDE3;
}



/** Read more **/

a.readon:link, a.readon:visited {
  color            : #999999;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0px 1px 12px;
  float            : right;
  line-height      : 15px;
  text-decoration  : none;
  border-left  :2px solid #999999;
  border-bottom:1px solid #999999;

}
a.readon:hover {
  color            : #669900;
  font-size        : 12px;
  background       : url(../images/indent1.png) no-repeat;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 1px 12px;
  line-height      : 15px;
  text-decoration  : none;
  border-left      : 2px solid #669900;
  border-bottom:1px solid #669900;
 }




/** Pagenavigation **/

.pagenavcounter {
  font-size        : 11px;
  color            : #999999;
}

.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}

.pagenav, .pagenav_prev, .pagenav_next {
  font-weight      : normal;
  }

a.pagenav:link, a.pagenav:visited {
  font-size        : 12px;
  color            : #999999;
  text-decoration  : none;
}

a.pagenav:hover {
  font-size        : 12px;
  color            : #669900;
  text-decoration  : none;
}

table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : #f3f5f6;
  padding          : 0;
  margin-left      : 2px;
  margin-bottom    : 2px;
}

table.contenttoc th{
  margin           : 0;
  padding          : 2px;
  background       : #E3ECF0;
  color            : #333333;
 }
table.contenttoc td{
 margin           : 0;
 padding          : 3px 4px;
 border-bottom    : 1px solid #dcdcdc;
 background-image   : url(../images/strelka.gif) ;
 background-repeat  : no-repeat;
 background-position: 4px 7px;
   }


table.contenttoc td a:link, table.contenttoc td a:visited{
padding-left        : 12px !important;
padding-left        : 0;
text-indent         : 12px;
text-decoration     : none;

}


/** Pathway **/


.pathway {
  font-size        : 12px;
  color            : #333333;
  padding-left     : 0;
  font-weight      : bold;
}

a.pathway:link, a.pathway:visited {
  font-size        : 12px;
  padding-left     : 0;
  font-weight      : bold;
  text-decoration  : underline;

}

a.pathway:hover {
  font-size        : 12px;
  padding-left     : 0;
  font-weight      : bold;

}
.pathway img{
  }




/** Content **/


.sectiontableheader {

  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #ffffff;
  background       : #414141; 
  padding          : 3px 5px;
  border           : 1px solid #ffffff;
}


.sectiontableentry1 {
  vertical-align   : top;
  background       : #EFF4F8;
  border-bottom    : 1px solid #ffffff;
  line-height      : 20px;

}

.sectiontableentry1 td, .sectiontableentry2 td{
  padding          : 2px 5px;
  border-bottom    : 1px solid #ffffff;
  line-height      : 20px;

}

.sectiontableentry2 {
  vertical-align   : top;
  border-bottom    : 1px solid #ffffff;
  background       : #F3F7FA;
  line-height      : 20px;
}
.sectiontableentry1 img{
margin: 0 4px;
}
.sectiontableentry2 img{
margin: 0 4px;
}


a.category:link, a.category:visited {
  font-size        : 12px;
  font-weight      : normal;
  padding: 5px;
}


.small {
  font-size        : 11px;
  color            : #999999;
}
.smalldark {
  font-size        : 11px;
  color            : #666666;
}
.createdate, .modifydate {
  font-size        : 11px;
  color            : #666666;
  font-weight      : normal;
  text-align       : left;
  width            : 100%;
}
.content_vote {
  font-size        : 11px;
  height           : 22px;
  padding          : 2px 0;
  }
.content_rating {
  font-size        : 11px;
  color            : #999999;
}

table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}

table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

.contentheading{
  font-family      : Arial,Tahoma,Helvetica, sans-serif;
  width            : 100%;
  font-size        : 15px;
  font-weight      : bold;
  line-height      : 18px;
  text-transform   : uppercase;
  text-align       : left;
  color            : #9fafb4;
  padding          : 3px 0 3px 5px;
  margin           : 3px 0px;
  border-left      : 4px solid #9fafb4;
  border-bottom    : 1px solid #9fafb4;
  background       : #e3ecf0;
}

.contentheading a {
text-decoration:none;
}
.componentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : auto;
  font-size        : 16px;
  font-weight      : bold;
  line-height      : 21px;
  text-transform   : uppercase;
  text-align       : left;
  color            : #669900;
  padding          : 3px;
  margin           : 5px 1px;
  background       : #F4F7F9;
  }


.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        : 0;
  padding-top    : 5px;
  text-align     : left;
}

 .blog_more {
margin   : 10px 0 7px 7px;
}

.buttonheading {
padding  : 0 2px;
}

.blog {
width:100%;
}


/** Polls **/


.poll {
	color       : #333333;
	line-height : 13px;
	font-weight : normal;
      text-align  : left;
}

.pollstableborder{
  border-color     : #999999;
}


/** CSS for Mainmenu **/

a.mainlevel  {
 display           : block;
 width             : auto !important;
 width             : 100%;
  margin           : 1px 0;
  padding          : 0;
  font-size        : 12px;
  background       : none;

}

a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 14px;
  border-bottom    : 1px solid #DCDFE1;
  font-weight      : normal;
  padding          : 2px 0;
  color            : #666666;
  padding-left     : 10px;
  text-decoration  : none;

}
a.mainlevel:hover {
  border-bottom    : 1px solid #DCDFE1;
  font-size        : 14px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  padding-left     : 10px;
  text-decoration	 : none;
  background       : #E3ECF0;

}
#active_menu {
  color            : #669900;
  border-bottom    : 1px solid #DCDFE1;
  background       : url(../images/menu.gif) #E3ECF0 96% 50% no-repeat;
  text-decoration	 : none;

}
a#active_menu:hover {
  color            : #333333;
  border-bottom    : 1px solid #DCDFE1;
}


/** Sublevel for Mainmenu **/

.sublevel {
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 13px;
   color            : #999999;
   padding    	  : 3px 1px 3px 5px;
   margin		  : 3px;
}
a.sublevel:link, a.sublevel:visited {
  color	      : #999999;
  text-decoration	: none;
}
a.sublevel:hover {
  color            : #669900;
  text-decoration  : none;
}
a.sublevel#active_menu  {
	background      : transparent;
	color           : #669900;
	border          : 0;

}



/** Topmenu styles for BOTTOM navigation **/

ul#mainlevel-nav {
  list-style       : none;
  padding-right    : 10px;
  padding-top      : 5px;
  margin           : 0;

}

#mainlevel-nav li {

  display          : inline;
  list-style       : none;
  background-image : none;
  padding          : 0;
  margin           : 0;
  width            : auto !important;
  font-size        : 13px;
  white-space      : nowrap;


}
#mainlevel-nav li a {
  display          : inline;
  padding-left     : 10px;
  padding-right    : 0;
  font-size        : 13px;
  color            : #669900;
  text-decoration  : underline;

}

#mainlevel-nav li a:hover {

  font-size        : 13px;
  color            : #999999;

}



/** images **/

.mosimage {
  border     : 1px solid #D6E3EC;
  margin     : 5px;
  padding-top:  3px;

}

.mosimage_caption {
  margin-top: 3px;
  padding   :  2px;
  color     : #666666;
  font-size : 10px;
  background: #D6E3EC;
}



/******************* Top Menu************************/

.moduletable-topnav {

    width				: auto;
    padding				: 0;
        	}


.topnav {       
	 width				: 0; 
       text-decoration		      : none; 
       color				: #ffffff;
       font-size                    : 14px;
	}

a.topnav {
	position			: relative;
	width				: auto;
	background			: none;
 	padding			: 11px 6px 11px 6px;
	color				: #ffffff;
      text-decoration		: none;
	font-weight			: normal;
      line-height             : 38px !important; 
      line-height             : 16px; 
      _height:0;

	}
a.topnav:hover{
 	width				: auto;
	color				: #000000;
	background			: #6FB9DE;
      padding			: 11px 6px 11px 6px;
 	font-weight			: normal;
	text-decoration		: none;
		}
a.topnav#current {

	cursor			: default;
	position			: relative;
	width				: auto;
	background			: #6FB9DE;
      padding			: 11px 6px 11px 6px;
	color				: #000000;
      text-decoration		: none;
	}

a.topnav#current:hover {
	cursor			: pointer;
	position			: relative;
	width				: auto;
	background			: #303A43;
 	padding			: 11px 6px 11px 6px;
	color				: #ffffff;
      text-decoration		: none;

	}


a.topnav:visited, .topnav a:link {
text-decoration		: none;
color	                  : #fff;
}




/** #################### index.php #################### **/

#body {
background: url(../images/top_bg.jpg) #FFFFFF repeat-x top left;
}

.main { 
  text-align       : left; 
  width            : 100%;
 }

div.mod {
  background       : none;
  width            : 6px;
}

#clear {
clear: both;
height: 30px;
}

#centertb {
background: none;
}

#contenttb{
padding    : 0 15px 10px 15px;

}

td.pw {
width            : 100%;
padding          : 5px 5px 5px 0px !important;
border-top       : 2px solid #D0DDE3;
}

.foot {
  height           : 97px;
  background       : url(../images/footer_repeat.gif) repeat-x top left;

}

.footer_left {
  float            : left;
  font-size        : 12px;
  color            : #3F4446;
  font-weight      : normal;
  height           : 97px;

 }

div.footer_left p{
margin           :0;
padding-left     : 10px;
padding-top      : 25px;

}

.footer_right {
  width            : 410px; 
  float            : right;
  font-size        : 12px;
  color            : #3F4446;
  font-weight      : normal;
  padding-top      : 20px;
  text-align       : right;

 }

.footer_right p{
padding-right: 10px;
margin       : 0;
}


.leftcol{
   vertical-align   : top;
   padding          : 10px;
   padding-top      : 0;
   text-align       : left;
   width            : 190px;
   background       :url(../images/dot.gif) repeat-y top right;

}
.rightcol {
   vertical-align   : top;
   padding          : 10px;
   padding-top      : 0;
   text-align       : left;
   width            : 190px;
   background       :url(../images/dot.gif) repeat-y top left;

}

.leftcol div, .rightcol div{ 
width          : 185px;
}



#logo {
  background     : url(../images/logo.jpg) no-repeat 30px 0;
  height         : 82px;
    }


#top_bar {
  position       : absolute;
  top            : 11px;
  right          : 30px;
  height         : 82px; 

 }

Edited by Olabola
Link to comment
Share on other sites

34 answers to this question

Recommended Posts

  • 0
Игорь Ермаков Explorer

Игорь Ермаков

Posted
Posted

И к чему нам ваш PHP-код?

Проявите вежливость, достаньте разметку, да не всю, а только ту часть которая интересует.

Ну и по традиции, выкладывайте фотку. :) Все новенькие выкладывают фотки. yes.gif

Link to comment
Share on other sites
  • 0
Olabola Explorer

Olabola

Posted
  • Author
Posted (edited)
Проявите вежливость, достаньте разметку, да не всю, а только ту часть которая интересует.

С картинками исправлюсь) Я знаю какой результат нужен, а где править и в какой части .. увы.

Так, по фотке я уже понял, что нужно. Теперь ещё нужна ссылка на страницу с проблемой.

Сайт на локалке. Я думала, что можно в css исправить....

Edited by Olabola
Link to comment
Share on other sites
  • 0
Olabola Explorer

Olabola

Posted
  • Author
Posted 


#body {
background: url(../images/top_bg.jpg) #FFFFFF repeat-x top left;
}

.main { 
  text-align       : left; 
  width            : 100%;
 }

div.mod {
  background       : none;
  width            : 6px;
}

Вот тут нашла, - задаётся бекграунд.

Меняла размер самой картинки в 

#logo {
  background     : url(../images/logo.jpg) no-repeat 30px 0;
  height         : 82px;
    }

она вылазит на горизонтальное меню и перекрывает его или отображаеться только часть картинки.

Link to comment
Share on other sites
  • 0
Olabola Explorer

Olabola

Posted
  • Author
Posted

psywalker, вот я думала, пробовала, а того что хотела не получилось, поэтому и обратилась сюда. Размер картинки меняется, а шире она не становиться!И по бокам всё равно полосы. Я так понимаю, что нужно не только размер картинки поменять, а размер места( ну не знаю как правильно назвать) где она находится. Вот буду благодарна, если кто подскажет где это сделать! :)

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
psywalker, вот я думала, пробовала, а того что хотела не получилось, поэтому и обратилась сюда. Размер картинки меняется, а шире она не становиться!И по бокам всё равно полосы. Я так понимаю, что нужно не только размер картинки поменять, а размер места( ну не знаю как правильно назвать) где она находится. Вот буду благодарна, если кто подскажет где это сделать! :)

Ты бы ссылочку дала если, может и подсказали-бы :)

Link to comment
Share on other sites
  • 0
Olabola Explorer

Olabola

Posted
  • Author
Posted
Да, без html сложно найти эту картинку. Но возможно такое изменение css решит проблему:

Код

#logo {

background : url(../images/logo.jpg);

height : 82px;

}

Это при условии, что logo.jpg и есть эти снежинки...

Т.е убрать no-repeat 30px 0; ? Не помогло.

Да, дело не в размере картинки скорее всего. А можно даже блок, в который она вложена, залить фоном, не растягивая картинку.

Дело в том, что данная картинка - снежинки - это экспериментальная. На её месте будет нормальная, красиво отрисованная:) Поэто му подобрать фон не получится.

Вот сам шаблон, который переделываю тут, может это поможет...

Link to comment
Share on other sites
  • 0
Olabola Explorer

Olabola

Posted
  • Author
Posted

Не моя, я же говорю что переделываю. С нуля свой сделать, пока мне до этого далеко. :)

psywalker, Вы мне предлагаете залить свой сайт на хост в том виде, который есть, а потом вновь поднять интересующий меня вопрос? Или существуют ещё какие то способы, чтобы посмотреть мою?

Ссылка не твоя, хотелось-бы именно твою поглядеть.
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
psywalker, Вы мне предлагаете залить свой сайт на хост в том виде, который есть, а потом вновь поднять интересующий меня вопрос? Или существуют ещё какие то способы, чтобы посмотреть мою?

Да, давно уже это предлагал)

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
Не моя, я же говорю что переделываю. С нуля свой сделать, пока мне до этого далеко. :)

psywalker, Вы мне предлагаете залить свой сайт на хост в том виде, который есть, а потом вновь поднять интересующий меня вопрос? Или существуют ещё какие то способы, чтобы посмотреть мою?

Приходит к вам человек и говорит "а я правильной дорогой иду?"

Link to comment
Share on other sites
  • 0
Olabola Explorer

Olabola

Posted
  • Author
Posted (edited)

Вот тут задаётся фон 

#body {
background: url(../images/top_bg.jpg) #FFFFFF repeat-x top left;
}

, сверху в шапке картинка 

#logo {
  background     : url(../images/logo.jpg) no-repeat 30px 0;
  height         : 82px;
    }

Итого в шапке получаем по центру лого(картинку), а по бокам слева и справа две белые полосы от фонового рисунка. Изменяя размер logo ситуация не меняется.

Edited by Olabola
Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
Вот тут задаётся фон 
#body {
background: url(../images/top_bg.jpg) #FFFFFF repeat-x top left;
}

, сверху в шапке картинка 

#logo {
  background     : url(../images/logo.jpg) no-repeat 30px 0;
  height         : 82px;
    }

Итого в шапке получаем по центру лого(картинку), а по бокам слева и справа две белые полосы от фонового рисунка. Изменяя размер logo ситуация не меняется.

к сожалению, пока это звучит как "я сломала гантелю, никто не знает как это вышло?". Все просто и работать должно, а что так у Вас покажет только ссылка, причем покажет достаточно быстро.

Link to comment
Share on other sites
  • 0
Olabola Explorer

Olabola

Posted
  • Author
Posted
Приходит к вам человек и говорит "а я правильной дорогой иду?"

Я вполне понимаю что может даю не всю информацию, css выложила, ссылку на аналогичный тоже....может вы подскажите что ещё нужно?

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
Я вполне понимаю что может даю не всю информацию, css выложила, ссылку на аналогичный тоже....может вы подскажите что ещё нужно?

Надо свой код (а ведь Вы могли что-то сломать в оригинале, допустим, не исключено) выложить на хостинг. И дать ссылку. Если Вы выложились и сделали для нас все что могли, то я лично сделал тоже все что мог. Такие дела.

Link to comment
Share on other sites
  • 0
Olabola Explorer

Olabola

Posted
  • Author
Posted
к сожалению, пока это звучит как "я сломала гантелю, никто не знает как это вышло?". Все просто и работать должно, а что так у Вас покажет только ссылка, причем покажет достаточно быстро.

Значит буду в инет выкладывать и ссылку дам, если не разберусь к этому времени.

Justnewone у Вас очень красочные афоризмы...(или как назвать это ...сравнения..?) :)

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
Значит буду в инет выкладывать и ссылку дам, если не разберусь к этому времени.

Justnewone у Вас очень красочные афоризмы...(или как назвать это ...сравнения..?) :)

Нет, это просто попытка передать недоумение =)

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
psywalker, Вы мне предлагаете залить свой сайт на хост в том виде, который есть, а потом вновь поднять интересующий меня вопрос? Или существуют ещё какие то способы, чтобы посмотреть мою?

Так, почему на этом всё закончилось, я уже думал, что дело сдвинулось с мёртвой точки.

Link to comment
Share on other sites
  • 0
Olabola Explorer

Olabola

Posted
  • Author
Posted

Чтобы на хост залить время нужно. :) Хотя я чего то не понимаю: есть демо версия этого шаблона в инете, в моём разница будет не большая: ссылки лишние поубираю, цвет и картинки поменяю. В общем принцип и структура останется. Как и проблема с шапкой........

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
Чтобы на хост залить время нужно. :) Хотя я чего то не понимаю: есть демо версия этого шаблона в инете, в моём разница будет не большая: ссылки лишние поубираю, цвет и картинки поменяю. В общем принцип и структура останется. Как и проблема с шапкой........

Понял, с женщиной спорить бесполезно :)

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
Чтобы на хост залить время нужно. :) Хотя я чего то не понимаю: есть демо версия этого шаблона в инете, в моём разница будет не большая: ссылки лишние поубираю, цвет и картинки поменяю. В общем принцип и структура останется. Как и проблема с шапкой........

Тогда у меня очень веский аргумент. Сверяйте посимвольно html и css, смотрите где не так, раз рабочий пример перед глазами то в чем проблема?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept