1. Tudásbázis
  2. Sminkek
  3. Új css elem beillesztése

Új css elem beillesztése

Beküldte Zsanna - 2009. április 16. 11.31
Zsanna képe

Sziasztok!

Adva vagyon a node, amelynek megadtam a címmezőnek egy hátteret és a contentnek egy hátteret, de a node aljára is szeretnék tenni egy képet, ami képileg lezárja a tartalmat, de a használt sminkben alapból nincs plusz alja a node-oknak.

Jelenleg ebből áll egy node:

<div id="page">
  <div id="main-content">
        <div id="node-13" class="node clear-block">
             <h2>
            </h2>
             <div class="meta"> </div>
             <div class="content">
     </div>
</div>

Azt néztem, hogy külön div-et kellene megadni az új elemnek, de valamit nem jól csinálhattam.

Drupal verzió: 
6.x
Fórum: 
Sminkek
Zsanna képe

Beküldte Zsanna - 2009. április 16. 11.33 

<div id="page">
  <div id="main-content">
   <div id="node-13" class="node clear-block">
     <h2>
     </h2>
     <div class="meta"> </div>
     <div class="content">
   </div>
 </div>
0
0
pp képe

Beküldte pp - 2009. április 16. 12.13

kb:

div.node {
  background-image: url(bg.png);
}
 
div.node h2{
  background-image: url(teteje.png);
}
 
div.node .content{
  background-image: url(alja.png);
  background-position: bottom;
}

pp

0
0

Palócz István
https://palocz.hu | https://tanarurkerem.hu

Zsanna képe

Beküldte Zsanna - 2009. április 16. 12.57

így csak a tartalom képét cserélte ki

0
0
aboros képe

Beküldte aboros - 2009. április 16. 15.20

vagy másold ide légyszi a vonatkozó css direktívákat is amiket már megírtál.

0
0

-
clear: both;

Zsanna képe

Beküldte Zsanna - 2009. április 16. 16.00

Kipróbáltam amit korábban egy másik témához írtál (http://drupal.hu/forum/drupal-menu-tervezese#comment-16387), de nem jött össze

A node-ra vonatkozó dolgok eredetileg így néznek ki.

.node, .admin, .node-form, .box {
    background: url("./images/scroll_middle.jpg") 0 0;
	margin-bottom: 40px;
	border-left: 0px solid #454545;
	border-right: 0px solid #454545;
	background-color:#202B03;
}
.node h2, .box h2  {
	background: url("./images/scroll_top.jpg") 0 50%;
	height: 106px;
	width: 679px;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid #454545;
	margin-bottom:0;
	padding-left:5px;
	color:#ccc;
}
 
.form-item {clear:left;}
 
.node h2 a {
	text-decoration: none;
	border-bottom:none;
}
.node a, .admin a {
	font-weight: bold;
}
.node .submitted {
	padding: 0 20px;
}
.node .info {
	padding: 0 20px;
}
.node .meta {
	line-height: normal;
	border-bottom: 1px solid #454545;
	padding: 5px 5px 15px 10px;
}
.node .terms {
}
.node .links {
	padding:0;
}
.preview .node  {	background-color:#202B03;}
.menu a {
	border:none;
	color:#000000;
}

És akkor lenne egy background:transparent url("./images/scroll_bottom.jpg") no-repeat scroll left bottom; amihez szeretnék létrehozni egy node-bottom részt, ahová berakom a képet.

Amúgy az a vicces, hogy az előbb létrehoztam egy ilyet:

#node-bottom {
	background:transparent url("./images/scroll_bottom.jpg") no-repeat scroll left bottom;
	margin:20px 0 0 0;
	padding: 0 0 15px 0;
	height: 40px
}

és a sima írásnál megjelenik az alja is, a CCK-el létrehozott, kitöltött formok, amik bekerülnek a node-ba, azoknál meg nem.
0
0
aboros képe

Beküldte aboros - 2009. április 16. 16.54

a nodejaid tetejére és az aljára szeretnél két külön képet, ha jól értem. mi az akadálya, hogy a fenti képet a .node h2 -höz rendeld, az alsó képet meg a .node -hoz magához?

.node h2 {
background: transparent url(images/node-top.jpg) no-repeat scroll left top;
margin: 0;
padding: .5em 1em;
}
.node {
background: transparent url(images/node-bottom.jpg) no-repeat scroll left bottom;
}

vagy ilyesmi.
egy linken ha megnézhetném nagyon hamar meglenne a konkrét megoldás.

0
0

-
clear: both;

Zsanna képe

Beküldte Zsanna - 2009. április 16. 19.31

Bocs, benéztem. Sima írásnál megy, csak az Organic Groupsos postoknál nem tette be alulra, csak ugye azt is node-ba írja.
Nekiesek az og témájának.

0
0