Transparante tabel

[buxx]

Laats zag ik p een site een transparant frame, de achtergrond was zichtbaar.
De frame zelf had ook een kleur echter deze mengde zich met de achtergrond, net als je door gekleurd glas keek.
Heeft iemand hier het script van?

[Pelle]

Op maandag 26 november 2001 12:22 schreef buxx het volgende:
Heeft iemand hier het script van?

Gaat niet met een script, maar gewoon met CSS. En jij kunt het ook, als je even in de source van die pagina duikt.

[buxx]

ik kan het niet vinden.
het gaat op www.mijnkopthee.nl
zowel in html als ccs kan IK niets vinden

[IschaGast]

Inderdaad Pelle heeft helemaal gelijk gewoon ff de source bekijken.

Wat ook erg handig is door gewoon ff in je internet explorer bewaar als te doen en de site openen in je html editor dan is het helemaal makkelijk te vinden.

Dat opslaan werkte in dit geval niet echt

Het was in ieder geval heel makkelijk te vinden zoals je ziet.

[Pelle]

Op maandag 26 november 2001 12:38 schreef buxx het volgende:
ik kan het niet vinden.

Het staat er toch echt. Ga maar eens op zoek naar een selector met de id contentLeft. Staat in een extern stylesheet.

code:

#contentleft {
    /* en dan staat hiertussen hetgeen je nodig hebt */
    /* maar wat we niet voor gaan zeggen */
}

[Hangloozz]

de topictitel gaat over een transparante tabel en in je topic heb je het over een frame.
Je weet wel wat html is toch?

anyways:

code:

#contentleft {
    *blaat*
}

het staat er dus echt in!

edit:
oeps! voorgezegd, maar gerectificeerd

[Pelle]

Op maandag 26 november 2001 12:45 schreef Hangloozz het volgende:
anyways:

code:

#contentleft {
   /* sssssttt ! */
}

het staat er dus echt in!

Moet je het weer zonodig voorzeggen? Tsjonge.

_{zeker een HTML-slaaf?}

[Hangloozz]

Op maandag 26 november 2001 12:48 schreef Pelle het volgende:

_{zeker een HTML-slaaf?}

ok,ok, ik heb er al wat aan gedaan..

maareh, je leest m'n stukjes dus ook?

[Pelle]

Op maandag 26 november 2001 12:49 schreef Hangloozz het volgende:
maareh, je leest m'n stukjes dus ook?

Tuurlijk! Kzal zo na de lunch trouwens weer eens wat posten in het wat-is-een-webdesigner-topic.

* Pelle vindt Hangloozz namelijk helemaal geen HTML-slaaf

[Verwijderd]

Als jelui dan toch css aan het pikken zijn, willen jullie deze vast ook uitpluizen: http://www.mijnkopthee.nl/version3a/

deze heeft behalve een transparant vlak ook een verloop naar boven (stukje scrollen). Werkt alleen op ie55+ op win. Ook behoorlijk cpu intensief, trouwens..

[rb338]

Op maandag 26 november 2001 13:31 schreef bobdenotter het volgende:
Als jelui dan toch css aan het pikken zijn, willen jullie deze vast ook uitpluizen: http://www.mijnkopthee.nl/version3a/

deze heeft behalve een transparant vlak ook een verloop naar boven (stukje scrollen). Werkt alleen op ie55+ op win. Ook behoorlijk cpu intensief, trouwens..

Hint: verlooopje

[M@NIC]

Hieronder staan de laatste links waar mensen op klikten om op mijnkopthee.nl terecht te komen. Lekker veel dubbele nog, maar dat wordt allemaal beter..

• Gathering.tweakers.net
• Gathering.tweakers.net
• Gathering.tweakers.net
• Gathering.tweakers.net
• Gathering.tweakers.net
• Gathering.tweakers.net
ect.

[Jorick]

a {
font-weight : bold;
color : #660000;
text-decoration : none;
}

a:hover {
text-decoration : underline;
}

body {
padding : 0;
margin : 0;
text-align : center;
font-family : Georgia, Times, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 18px;
background-color : #180C10;
background-image : url(pics/header.jpg);
background-attachment : fixed;
background-position : top;
background-repeat : no-repeat;
scrollbar-face-color : #E8D8B8;
scrollbar-base-color : #180C10;
scrollbar-track-color : #180C10;
scrollbar-highlight-color : #EEE2CA;
scrollbar-3d-light-color : #EEE2CA;
scrollbar-dark-shadow-color : #AEA28A;
scrollbar-shadow-color : #AEA28A;
scrollbar-arrow-color : #180c10;
}

.verlooopje {
background: #DBD0B0;
padding: 0px;
height: 1px;
width:100%;
position:absolute;
left:0px; right:0px; top:0px;
visibility: hidden;

}

form {
margin : 0;
padding : 0;
}

h1 {
font-family : Georgia, Times, Arial, Helvetica, sans-serif;
font-size : 15px;
padding : 12px 5px 0px 5px;
margin : 0px;
border-bottom: 1px solid #BAB7B1;
color : #500;
}

h3 {
margin : 0;
background : #443838;
font-size : 12px;
text-align : left;
padding : 5px;
color : #F8D49A;
border : 1px solid #000;
font-style : italic;
}

p, td, main {
padding : 2px 5px 10px 5px;
margin : 0px;
font-family : Georgia, Times, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 16px;
border : 0px solid #f40;
}

.date {
font-style : italic;
color: #926E68;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

.img {
margin : 0;
padding : 0;
}

.input {
font-size : 12px;
border : 1px solid black;
font-family : Georgia, Times, Arial, Helvetica, sans-serif;
margin : 3px;
color : #F8D49A;
background : #948B88;
padding : 3px;
height : 22px;
}

.input2 {
font-size : 12px;
font-family : Georgia, Times, Arial, Helvetica, sans-serif;
margin : 3px;
padding : 1px;
border : 1px solid #000;
height : 22px;
}

.input3 {
font-size : 12px;
border : 1px solid black;
font-family : Georgia, Times, Arial, Helvetica, sans-serif;
margin : 3px;
color : #000;
background : #FFF;
padding : 3px;
}

.klein {
font-size : 11px;
line-height : 18px;
color : #666;
}

.naam {
font-weight : bold;
font-size : 13px;
line-height : 18px;
font-family : Arial, Helvetica, sans-serif;
}

.permlink {
text-align : right;
float : right;
}

.right {
padding : 5px;
font-size : 11px;
line-height : 16px;
font-family : Arial, Helvetica, sans-serif;
}

.voetnoot {
font-weight : bold;
cursor : help;
color : #005544;
}

#contentcenter {
background : #F8F4EC;
padding : 5px;
text-align : left;
border : 1px solid #000;
width : 460px;
font-size : 12px;
line-height : 18px;
overflow : hidden;
float : left;
}

#contentleft {
border-left : 1px solid #000;
border-right : 1px solid #000;
border-bottom : 1px solid #000;
text-align : left;
width : 180px;
color : #EEE2CA;
background : #706460;
margin : 0px 30px 0px 0px;
filter : Alpha(Opacity=60, Style=0); <---- hiero staat ut!
float : left;
}

#contentleft a {
font-weight : bold;
color : #FCEACC;
text-decoration : none;
}

#frame {
margin-top : 10px;
margin-left : auto;
width : 710px;
margin-right : auto;
padding-top : 190px;
text-align : left;
}

#kopje {
background : #F8F4EC;
padding : 5px;
}

[IschaGast]

Dit wordt zeker het nieuwe topic als jullie toch bezig zijn kunnen jullie dan ook zeggen hoe dit en dat moet met css

Als jullie nou gewoon de moeite namen om alleen al in de source te kijken konden jullie er zelf ook uitkomen.

Of pak je boek van dreamweaver ofzo staat er allemaal in

Hier voor de mensen die te lui waren om ff de source te bekijken je hoefte alleen maar dit in te tikken in je adresbalk

http://www.mijnkopthee.nl/mkt_v3.css

[Pelle]

Op maandag 26 november 2001 13:31 schreef bobdenotter het volgende:
Als jelui dan toch css aan het pikken zijn, willen jullie deze vast ook uitpluizen: http://www.mijnkopthee.nl/version3a/

deze heeft behalve een transparant vlak ook een verloop naar boven (stukje scrollen). Werkt alleen op ie55+ op win. Ook behoorlijk cpu intensief, trouwens..

* Pelle heeft even gekeken, maar kan het niet vinden
Erg cool gedaan, maar hoe ze het voor elkaar hebben gekregen is me een raadsel...

[Hangloozz]

Op maandag 26 november 2001 14:17 schreef Pelle het volgende:

* Pelle heeft even gekeken, maar kan het niet vinden
Erg cool gedaan, maar hoe ze het voor elkaar hebben gekregen is me een raadsel...

Pelle, ik zie een if (IE5 || IE6) staan in de header die verwijst naar een ander stylesheet: mkt_v3x.css.

daar staat het volgende in:

code:

BODY {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; SCROLLBAR-FACE-COLOR: #e8d8b8; FONT-SIZE: 12px; BACKGROUND: url(pics/header.jpg) #180c10 fixed no-repeat 50% top; PADDING-BOTTOM: 0px; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #eee2ca; OVERFLOW: hidden; SCROLLBAR-SHADOW-COLOR: #aea28a; LINE-HEIGHT: 18px; SCROLLBAR-ARROW-COLOR: #180c10; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #180c10; FONT-FAMILY: Georgia, Times, Arial, Helvetica, sans-serif; SCROLLBAR-BASE-COLOR: #180c10; TEXT-ALIGN: center; scrollbar-3d-light-color: #EEE2CA; scrollbar-dark-shadow-color: #AEA28A
}

kan dat er iets mee te maken hebben?
Heb ff geen tijd en zin om een testje in elkaar te draaien

[Pelle]

Op maandag 26 november 2001 14:34 schreef Hangloozz het volgende:
Pelle, ik zie een if (IE5 || IE6) staan in de header die verwijst naar een ander stylesheet: mkt_v3x.css.
kan dat er iets mee te maken hebben?

Nee, heb ik ook al naar gekeken. Staat vrijwel hetzelfde als in het andere stylesheet, maar dan iets onoverzichtelijker

[Blue-eagle]

Mijn site-in-productie heeft wat buxx bedoelt. Ga maar zoeken op m`n naam, anders is deze post nl. spam. Een van mijn topics uit de laatste week bevat een url naar een van mijn pagina`s.

T zijn wel iframes.

[Hangloozz]

Op maandag 26 november 2001 14:37 schreef Pelle het volgende:



Nee, heb ik ook al naar gekeken. Staat vrijwel hetzelfde als in het andere stylesheet, maar dan iets onoverzichtelijker

klopt.
tis de class .verlooopje die de truuk doet.
Best grappig effect

[rb338]

Op maandag 26 november 2001 14:45 schreef Hangloozz het volgende:

[..]

klopt.
tis de class .verlooopje die de truuk doet.
Best grappig effect

Op maandag 26 november 2001 13:43 schreef rb338 het volgende:

[..]

Hint: verlooopje

[r0bert]

In gewone body:

code:

<DIV class=verlooopje id=verloopje></DIV>

in stylesheet (.verloopje):

code:

FILTER: Alpha(Opacity=100, Style=1, starty=30, finishy=100, startx=0, finishx=0);

(MARGIN-LEFT: -400px;)

[drm]

Op maandag 26 november 2001 14:49 schreef r0bert het volgende:
In gewone body:

code:

<DIV class=verlooopje id=verloopje></DIV>

in stylesheet (.verloopje):

code:

FILTER: Alpha(Opacity=100, Style=1, starty=30, finishy=100, startx=0, finishx=0);

(MARGIN-LEFT: -400px;)

wel lachen truc, dat starty en finishy... kende ik niet...

[Hangloozz]

Op maandag 26 november 2001 14:46 schreef rb338 het volgende:

ok, credits go out to: rb338

Wat nog vager is:
begin linksbovenin, trek een seectie en sleep net zo lang tot je over de scrollbar gaat.
De hele page incl. scrollbar begint nu naar links te schuiven

[Pelle]

Op maandag 26 november 2001 14:51 schreef drm het volgende:
wel lachen truc, dat starty en finishy... kende ik niet...

* Pelle heeft ergens bizar overheen gelezen
Erg stoer dit, zijn best leuke dingen mee te doen zo te zien.

[Verwijderd]

He tof effect man !

[oh,when?]

<offtopic>
go bob, go bob

ps. you've got new mail (backup related...)
</offtopic>

[Tim]

er zijn nog veel leukere dingen te doen met die MS effectjes

Motion blur + transparancy en glow effects geeft hele leuke panorama foto's
Die overigens niet vooruit te branden zijn (load )

[Jorick]

http://www.milov.nl
daar heeft ie wat vandaan gehaald, check maar ff of er nog meer van dat spul tussen zit.

http://www.milov.nl/code/dhtml/hovers.html ,check dit ook nog ff

[Verwijderd]

gewoon css bestand doorspitten, kun je zelf de dichtheid aanpassen enz enz. Erg mooi