Как можно сделать фон?

alex-malkov

Осваиваюсь на форуме
42
0 / 0

Как можно сделать фон?

« : 10.12.2011, 21:32:10 »

подскажите пожалуйста, как сделать фон(картинку) типа резиновой чтоб подходила к разным монитором?

« Последнее редактирование: 10.12.2011, 22:16:32 от alex-malkov »

Записан

Град

Захожу иногда
152
67 / 0
В Багдаде все спокойно

Re: Как можно сделать фон?

« Ответ #1 : 10.12.2011, 21:39:57 »

http://bitby.net/webdev/masshtabiruemaya-kartinka-na-fone-sajta-ili-rezinovyj-fon/

Записан

СИЛЬНЫЙ ЕСТ ВКУСНОГО !

alex-malkov

Осваиваюсь на форуме
42
0 / 0

Re: Как можно сделать фон?

« Ответ #2 : 10.12.2011, 21:57:34 »

Цитата: Град от 10.12.2011, 21:39:57

http://bitby.net/webdev/masshtabiruemaya-kartinka-na-fone-sajta-ili-rezinovyj-fon/

у меня на сайте 2 фона: один - тот который резиновый должен быть - закрывает второй. Что можно сделать?

Записан

Град

Захожу иногда
152
67 / 0
В Багдаде все спокойно

Re: Как можно сделать фон?

« Ответ #3 : 10.12.2011, 22:04:30 »

Цитата: alex-malkov от 10.12.2011, 21:57:34

у меня на сайте 2 фона: один - тот который резиновый должен быть - закрывает второй. Что можно сделать?

я не совсем понял, а зачем два фона,
может нижний цветом сделать
color:#000000
подобрать в смысле

Записан

СИЛЬНЫЙ ЕСТ ВКУСНОГО !

alex-malkov

Осваиваюсь на форуме
42
0 / 0

Re: Как можно сделать фон?

« Ответ #4 : 10.12.2011, 22:22:18 »

у меня на сайте один фон(картинка) общий и еще картинка на ней лежит весь сайт(текст) так вот. когда я делаю по тому способу картинка становится под общим фоном. (а как картинку прикрепить сюда?)

Записан

al-teen

Глобальный модератор
2385
224 / 10
im

Re: Как можно сделать фон?

« Ответ #5 : 10.12.2011, 22:50:49 »

Код

<div id="fon">

<img src="fon.jpg" alt="" />

</div></div>

<div class="code">#fon{

height:100%;

width:100%;

z-index:1;

min-width:1000px;

max-width:1600px;

}

#fon img{

height:100%;

width:100%;

position:absolute;

}

шикарно!

P.S. Задайте фон для body и второй для основного контейнера

Записан

alex-malkov

Осваиваюсь на форуме
42
0 / 0

Re: Как можно сделать фон?

« Ответ #6 : 11.12.2011, 10:43:56 »

<div class="code"> а это в index.php или в style.php ?

Записан

Taatshi

Гуру
5258
481 / 2
Верстаем и кодим. Обращайтесь ;)

Re: Как можно сделать фон?

« Ответ #7 : 11.12.2011, 10:54:27 »

сам div в index, стили для него в style - по крайней мере, так должно быть

Записан

ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ | ОТЗЫВЫ
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi

alex-malkov

Осваиваюсь на форуме
42
0 / 0

Re: Как можно сделать фон?

« Ответ #8 : 11.12.2011, 11:32:04 »

Код

<?php
/**
 * @copyright	Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.
 * @license		GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' ); 

// Load Tools
include 'jxtc_tools.php'; 
include 'styleSwitch.php'  


?>     

<!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
		// Base CSS. Resets Etc 
    ?> 
	<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/base/reset.css" type="text/css" />
	<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/base/text.css" type="text/css" /> 
    <link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/framework/framework.css" type="text/css" />    


   <?php
		// Main CSS
    ?>	
	<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/style.css" type="text/css" />
	<link rel="stylesheet" href="templates/<?php echo $this->template ?>/html/com_myblog/css/template_style.css" type="text/css" />  
	 
     <?php
		// Paramaters CSS
     ?>	  

   <?php include 'css/paramCSS.php'; ?>  
   <?php
		// Styles CSS
    ?>    

   <?php if ($style != "custom") :?>
	   <link rel="stylesheet" title="<?php echo $style ?>" href="templates/<?php echo $this->template ?>/css/styles/<?php echo $style ?>.css" type="text/css" />  
   <?php endif;?>
   <?php if ($style == "custom") :?>  
		   <link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/styles/<?php echo $style ?>.css" type="text/css" />  
   <?php endif;?>



 <?php
		// JS libraries Call's
    ?>  

  	<?php if ($jquery == "on") :?> 
		<script src="templates/<?php echo $this->template ?>/js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <?php endif;?>  
    <script src="templates/<?php echo $this->template ?>/js/jquery.scrollTo-min.js" type="text/javascript" charset="utf-8"></script>
   


    <?php
		// Menu Stuff
     ?> 
		   <link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/framework/menu/superfish.css" type="text/css" />  
		   <link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/menu.css" type="text/css" />  
		<?php if ($dropin == "on") :?> 
			<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/framework/menu/superfish-navbar.css" type="text/css" /> 
			<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/menu-dropin.css" type="text/css" />       
	    <?php endif;?> 
	    <?php if ($dropin == "off") :?>       
			<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/menu-suckerfish.css" type="text/css" />  
		<?php endif;?> 
		<script src="templates/<?php echo $this->template ?>/js/hoverIntent.js" type="text/javascript" charset="utf-8"></script>
	    <script src="templates/<?php echo $this->template ?>/js/superfish.js" type="text/javascript" charset="utf-8"></script>  
		<script src="templates/<?php echo $this->template ?>/js/supersubs.js" type="text/javascript" charset="utf-8"></script>
		<?php if ($dropin == "on") :?> 
			<script src="templates/<?php echo $this->template ?>/js/menu.js" type="text/javascript" charset="utf-8"></script>
		<?php endif;?>	
		<?php if ($dropin == "off") :?> 	
			<script src="templates/<?php echo $this->template ?>/js/menu-suckerfish.js" type="text/javascript" charset="utf-8"></script>
        <?php endif;?>   

  	 <?php
		// IE fixes
      ?>	    		   		 
	<!--[if IE 7]>	<link media="all" href="templates/<?php echo $this->template ?>/css/IE7.css" type="text/css" rel="stylesheet"/>       <![endif]-->
	<!--[if lte IE 8]>	<link media="all" href="templates/<?php echo $this->template ?>/css/IE8.css" type="text/css" rel="stylesheet"/>       <![endif]-->
     
	<?php
		// Slide Module For Login
	 ?>   

	<?php if($this->countModules('login') OR $this->countModules('user6') OR $this->countModules('user7') OR $this->countModules('user8') OR $this->countModules('user9')) : ?>     
		<?php include 'js/slideOut.php'; ?>  
	<?php endif; ?>
	<?php include 'js/modWidths.php'; ?>                                                                          
    
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/styles/style<?php echo $styleSheet;?>.css" type="text/css" />           




	
</head>

[color=red][color=yellow][color=yellow]<div id="fon">

<img src="/images/fonn_1212.jpg" alt="" />

</div></div>[/color][/color][/color]


[color=brown]<?php $Itemid = JRequest::getInt( 'Itemid', 1, 'get' ); ?>
<?php if ($Itemid == '112'|| $Itemid == '113' || $Itemid == '114'|| $Itemid == '115' || $Itemid == '116') {
$pict = "header_";
} else {
$pict = "header-att"; 
}
?>
	<div id="<?php echo $pict; ?>">[/color]

	<div id="menuBGwrap" >
			<div class="innerInner">
				



				
					<div id="topmenu"> 
						<?php if($dropin == 'off') : ?>
							 <?php include "layouts/menu/menuSubMenu.php";?>
						<?php else: ?> 
							 <?php include "layouts/menu/menuDropIn.php";?> 
						<?php endif; ?>
						</div>
					

				</div>
				<div id="menuBG">
				<div id="menuBG_left"></div>
				<div id="menuBG_right"></div>
				</div>
			</div>

	<body <?php if(!$this->countModules('inset')) : ?>  class="insetOff"<?php endif;?>>
<div id="abtop"><jdoc:include type="modules" name="" style="" />

	<div id="adress"><jdoc:include type="modules" name="adress" style="USERMOD" /></div>
	<?php if($logo =="on" ) : ?>
					<div id="logo">  
							<a class="logoLink hideTxt" href="<?php echo $JPATH_SITE;?>"><?php echo $mainframe->getCfg('sitename');?></a>
						</div>
						 <!-- /LOGO -->  
				<?php endif; ?>  
				<?php if($logo =="on" AND !$this->countModules('inset')) : ?>
					<div id="logoInsetOff" class="insetOff">  
							<a class="logoLink hideTxt" href="<?php echo $JPATH_SITE;?>"><?php echo $mainframe->getCfg('sitename');?></a>
						</div>
						 <!-- /LOGO -->

				<?php endif; ?></div>


	
<div style="float: right; margin-right: 179px; margin-top: -195px;" id="leftcolumn">
<jdoc:include type="modules" name="cart" style="clean" /></div>
 			 <!-- /MENUBG --> 
			
   <?php if($this->countModules('inset')) : ?>    
		<div id="headerBG">  
			<div id="headerouter" class="innerwrap">  
				<?php if($this->countModules('login') AND !$user_id) : ?> 
					<div id="login">
                               <div id="OpenWrap">  
										<div>
										   <ul id="openList">   
												 <li class="login"><a id="loginOpen" class="login" href="#">Login</a></li>
												 <li class="register"><a id="registerOpen" class="register" href="#">Register</a></li>                              
											</ul>  
										</div>   
									</div>
									 <!-- /OPENWRAP -->
						<div id="popUpWrap">  
							 <div id="loginPopUp" style="display:none;">     
									  <div id="loginCloseWrap"> <a id="loginClose" class="login hideTxt" href="#">Login</a>  </div>
									  <div id="loginMod">
										  <jdoc:include type="modules" name="login" style="clean" />
									  </div>
								  </div> 
								   <!-- /LOGINPopUp --> 								 
							 <div id="registerPopUp" style="display:none;">
								  <div id="registerCloseWrap"> <a id="registerClose" class="register hideTxt" href="#">Register</a>  </div>
									  <div id="registerMod">  
										 <?php include "layouts/mods/registerMod.php";?> 
										  </div>  
										 <!-- /REGISTERMOD -->
								  </div> 
								   <!-- /registerPopUp -->      
								    
							</div>
							 <!-- /slideout -->  
						 </div> 
						  <!-- /login -->
			    <?php endif;  ?>
				<div id="header"> 
				<?php if($this->countModules('inset')) : ?>   				   
					<div id="insetWrap"> 
						<div id="inset">
								<jdoc:include type="modules" name="inset" style="XHTML2" />
							</div> 
							 <!-- /ISNET -->
						<?php if($this->countModules('newsflash')) : ?>
							<div id="newsflash"> 
									<jdoc:include type="modules" name="newsflash" style="XHTML2" />   
								</div>    
								 <!-- /NEWSFLASH -->  
						<?php endif; ?>  	
						<?php if($this->countModules('top')) : ?>   				   
							<div id="topmod">     
									<jdoc:include type="modules" name="top" style="XHTML2" />   
								</div>  
								 <!-- /TOPMOD -->           
						<?php endif; ?>            
						</div>  
						 <!-- /INSET --> 
				<?php endif; ?>     	
					</div> 
					 <!-- /header -->
				</div> 
				 <!-- /HEADEROUTER -->
			</div>
			 <!-- /HEADERBG --> 
	  <?php endif;  ?> 
	  <div id="shadow"></div>    
		<div id="mainBG">  
			<div id="mainouter" class="innerwrap">    
				<div id="main">   
					<div id="mainInner">
						<?php if($this->countModules('banner')) : ?>   				   
							<div id="banner">
							<div id="bannerframeup"></div>     
									<jdoc:include type="modules" name="banner" style="XHTML2" />   
							<div id="bannerframedown"></div>     
									
								</div>  
								 <!-- /BANNER -->           
						<?php endif; ?>    
						<div id="columns">  
							 <?php include "layouts/columns/layout1.php";?> 
							 
							</div>
							 <!-- /COLUMNS --> 
							 
							 <div id="bluefield">
						 	 <div id="bluefield_up"></div>
						 	 <div id="bf">
						 	     
										<jdoc:include type="modules" name="blue_field" style="USERMOD" />   
									           
							
							</div>
						 	 <div id="bluefield_down"></div>
						 	 </div>
						 	 
						</div>
						 <!-- /MAININNER -->
						 		 				 
						 
					</div>
					 <!-- /MAIN -->
					 
				</div>  
				 <!-- /MAINOUTER -->
				
			</div>  
			 <!-- /MAINBG -->
			
		<div id="footerBG_rew">  
			<div id="footerouter" class="innerwrap">  
				<?php if($this->countModules('footer')) : ?>   				   
					<div id="footer_rew">     
							<jdoc:include type="modules" name="footer" style="XHTML2" />   
						</div>  
						 <!-- /FOOTER -->           
				<?php endif; ?>    
				<?php if($this->countModules('user6') OR $this->countModules('user7') OR $this->countModules('user8') OR $this->countModules('user9')) : ?>   				      			
					<div id="footerOpenWrap">
						<div id="footerOpen"><div><?php echo $addInfo?></div></div>
						</div>         
				<?php endif; ?>
				<?php if($this->countModules('legals')) : ?>   				   
					<div id="legals">     
							<jdoc:include type="modules" name="legals" style="XHTML2" />   
						</div>  
						 <!-- /LEGALS -->           
				<?php endif; ?>
				</div>   
				 <!-- /FOOTEROUTER -->
			</div>	       
			 <!-- /FOOTERBG-->  
			
        <?php if($this->countModules('user6') OR $this->countModules('user7') OR $this->countModules('user8') OR $this->countModules('user9')) : ?>   				   
			<div id="bottomModsWrap" style="display:none;"> 
				<div id="bottomModsBGTop"></div>   
				<div id="bottomModsBGCenter">
					<div id="bottomModsouter" class="innerwrap"> 
						<div id="bottomMods" class="usermods">     
							<?php if($this->countModules('user6')) : ?>   				   
								<div id="usersix" class="usermodwrap">     
										<jdoc:include type="modules" name="user6" style="USERMOD" />   
									</div>  
									 <!-- /USER6 -->           
							<?php endif; ?>
							
							
							
							<?php if($this->countModules('user8')) : ?>   				   
								<div id="usereight" class="usermodwrap">     
										<jdoc:include type="modules" name="user8" style="USERMOD" />   
									</div>  
									 <!-- /USER8 -->           
							<?php endif; ?>
							<?php if($this->countModules('user9')) : ?>   				   
								<div id="usernine" class="usermodwrap">     
										<jdoc:include type="modules" name="user9" style="USERMOD" />   
									</div>  
									 <!-- /USER9 -->           
							<?php endif; ?>
							</div> 
							 <!-- /bottomMods -->
						</div>
						 <!-- /BOTTOmMODSOUTER --> 
					</div> 
					 <!-- /bottomModsBGCenter -->   
					<div id="bottomModsBGBottom"></div>   
				</div> 
				 <!-- /bottomModWRAp -->  
				<div id="bottomAnchor"> </div>
		<?php endif; ?> 	
		<jdoc:include type="modules" name="debug" />
		
	</body>  
</html>

красное это фон тот резиновый. коричневый это для картинок которые на фоне должны быть. что я не то сделал?

Записан

Как сделать? Автор Twins	Ответов: 3 Просмотров: 1907	01.07.2021, 13:11:51 от xpank
Как сделать кнопку формы аккаунта? Автор Evgen Kulibin	Ответов: 0 Просмотров: 1076	22.04.2021, 22:15:06 от Evgen Kulibin
Как сделать плавающий модуль? Автор THeCMeX	Ответов: 2 Просмотров: 1233	08.03.2021, 22:21:01 от Flexderection
Можно ли прописать в scss ссылку и установить картинку? Автор vova630	Ответов: 0 Просмотров: 906	02.01.2021, 13:56:09 от vova630
[Решено] Как сделать чтобы фотография открылась в отдельном окне? Автор a-two	Ответов: 11 Просмотров: 2190	03.11.2020, 16:57:40 от Nikolay89

Как можно сделать фон? - Вопросы по CSS

Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

alex-malkov

Как можно сделать фон?

Град

Re: Как можно сделать фон?

alex-malkov

Re: Как можно сделать фон?

Град

Re: Как можно сделать фон?

alex-malkov

Re: Как можно сделать фон?

al-teen

Re: Как можно сделать фон?

alex-malkov

Re: Как можно сделать фон?

Taatshi

Re: Как можно сделать фон?

alex-malkov

Re: Как можно сделать фон?

Похожие темы