HULP CSS

Ferhat.Remory · 11 Augustus 2009

Beste leden,

ik heb een beetje hulp nodig =)

PHP

body			{ margin: 0px; background: url(http://www.swatcrime.be/content_bottom_bg.gif); font-family: "arial"; font-size: 8pt; cursor: default; }


a.top:link		{ letter-spacing: 0px; color: #fbcc00; font-family: "arial"; font-size: 8pt; text-decoration: none; }
a.top:visited		{ letter-spacing: 0px; color: #fbcc00; font-family: "arial"; font-size: 8pt; text-decoration: none; }
a.top:active		{ letter-spacing: 0px; color: #fbcc00; font-family: "arial"; font-size: 8pt; text-decoration: none; }
a.top:hover		{ letter-spacing: 0px; color: #bc9600; font-family: "arial"; font-size: 8pt; text-decoration: none; }


a.login:link		{ color: #000000; font-family: "arial"; font-size: 8pt; text-decoration: none; }
a.login:visited		{ color: #000000; font-family: "arial"; font-size: 8pt; text-decoration: none; }
a.login:active		{ color: #000000; font-family: "arial"; font-size: 8pt; text-decoration: none; }
a.login:hover		{ color: #333333; font-family: "arial"; font-size: 8pt; text-decoration: none; }


a:link			{ color: #FFFFFF; font-family: "arial"; font-size: 8pt; text-decoration: none; }
a:visited		{ color: #FFFFFF; font-family: "arial"; font-size: 8pt; text-decoration: none; }
a:active		{ color: #FFFFFF; font-family: "arial"; font-size: 8pt; text-decoration: none; }
a:hover			{ color: #ce9f45; font-family: "arial"; font-size: 8pt; text-decoration: none; }


textarea		{ border: 1px solid #e8e2cd; background: #e8e2cd; color: #000000; font-size: 8pt; }
input			{ border: 1px solid #d8ceac; background: url(http://www.swatcrime.be/images/bg_input_button.gif) repeat-x; color: #efebde; font-size: 8pt; }
input.2			{ border: 1px solid #d8ceac; background: url(http://www.swatcrime.be/images/bg_input_button.gif) repeat-x; color: #efebde; cursor: hand; font-size: 8pt; }
input.clock		{ border: 0px solid #000000; background: transparent; color: #FFFFFF; font-family: "arial"; font-size: 8pt; width: 100; height: 12; }
input.text		{ border: 1px solid #d8ceac; background: url(http://www.swatcrime.be/images/bg_input_button.gif) repeat-x; color: #efebde; font-size: 8pt; }
input.submit		{ border: 1px solid #efebde; background: #efebde; color: #efebde; cursor: hand; font-size: 8pt; }
input.image		{ border: 0px solid #FFFFFF; background: transparent; cursor: hand; }
input.transparent	{ color: #fbcc00; border: none; background: none; }
input.normalRadio	{ border: none; background: transparent; }
select			{ background: #1a1919; color: #fbcc00; font-size: 8pt; font-family: "arial"; }


img			{ border: 0px; }


table			{ color: #FFFFFF; font-family: "arial"; font-size: 8pt; }
td.subtitle		{ background: url('http://swatcrime.be/images/middle-bg.jpg');  height:27px; #E5DFCA; color: #6E180C; font-family: verdana; font-size: 11px; font-weight: bold; letter-spacing: 5px; text-align: right;  letter-spacing: normal;}
td.subtitle2		{ background-color: #c7c0a6;  height:22px; #222222; color: #FFFFFF; font-family: verdana; font-size: 11px; font-weight: bold; letter-spacing: 5px; padding: 1px; text-align: right; border: 1px solid #e5dfca; letter-spacing: normal;}


td.maintxt		{ border: 2px solid #e5dfca; background-color: #c7c0a6; font-size: 11px; font-family:"Verdana", Arial, Helvetica, Sans-serif; padding: 2px; }


td.maintxt2		{ border: 1px solid #e5dfca; background: #c7c0a6; font-size: 11px; font-family:"Verdana", Arial, Helvetica, Sans-serif; font-weight: normal; height: 23px;  padding: 2px; }






td.subTitle		{ background: url('http://swatcrime.be/images/middle-bg.jpg');  height:25px; #E5DFCA; color: #6E180C; font-family: verdana; font-size: 11px; font-weight: bold; letter-spacing: 5px; padding: 1px; text-align: center; border: 1px solid #999999; letter-spacing: normal;}
td.subTitle2              { background-color: #DBD2B7; }
td.plaatje		{ border: 1px solid #151414; background: #1a1919; }
td.loginlink		{ padding-left: 21; background: transparent; border: none; color: #000000; font-family: "arial"; font-size: 8pt; }
td.menulink		{ padding-left: 21; background: url(../menu_linkbg.png); border: none; font-family: "arial"; font-size: 8pt; }
td.menulink2		{ height: 16; padding-left: 21; background: url(../menu_linkbg2.png); border: none; font-family: "arial"; font-size: 8pt; }
td.menulink3		{ height: 16; padding-left: 21; background: url(../menu_linkbg3.png); border: none; font-family: "arial"; font-size: 8pt; }
td.mapvak		{ border: 1px dashed #000000; background: transparent; cursor: hand; }


body			{ scrollbar-base-color: #888888;
			  scrollbar-3dlight-color: #777777;
			  scrollbar-arrow-color: #666666;
			  scrollbar-darkshadow-color: #555555;
			  scrollbar-face-color: #444444;
			  scrollbar-highlight-color: #333333;
			  scrollbar-shadow-color: #222222;
			  scrollbar-track-color: #111111; }

Toon Meer

Bij

PHP

td.subTitle		{ background: url('http://swatcrime.be/images/middle-bg.jpg');  height:25px; #E5DFCA; color: #6E180C; font-family: verdana; font-size: 11px; font-weight: bold; letter-spacing: 5px; padding: 1px; text-align: center; border: 1px solid #999999; letter-spacing: normal;}

Ik wil dus het zo hebben
eerst een afbeelding gans links, van paar pixel dan volgt de strook en daanr een afbeelding gans rechts van ook een paar pixels.

Want ik wil dat iedere subtitle gebogen is.

Met vriendelijke groeten

Axl_H · 11 Augustus 2009

dat kan toch niet? als ik t fout heb, meldt t

Cas · 12 Augustus 2009

[offtopic]
Ontwerp dat je gebruikt is rip off, deze layout is namelijk nooit verkocht.,, en hoe wil je copyright voor 2011 hebben? beetje raar, in mijn opzicht is het pas 2009 :-)[/offtopic]

Je zou een margin left en een margin right moeten toevoegen. En de 2 afbeeldingen een verschillende div geven.

Ferhat.Remory · 12 Augustus 2009

In totaal wil ik 3 afbeeldingen naast elkaar hebben.
Dus eerst een afbeelding van een paar pixels breed daarna de strook en dan op het einde weer een afbeelding van een paar pixels breed.

Dat het dus bij iedere subtitle rond is.

thjeu · 12 Augustus 2009

PHP

div .imgeen {
background: url(images/img1.png) no-repeat;
float: left;
}
div .imgtwee {
background: url(images/img2.png) no-repeat;
float: left;
}
div .imgdrie {
background: url(images/img3.png) no-repeat;
float: left;
}

Toon Meer

Zoiets? Ik snap niet helemaal wat je bedoelt...

Ferhat.Remory · 12 Augustus 2009

Ik heb dus de subtitle, maar die wil ik rond krijgen door middel van 3 afbeeldingen. 1tje links dan in het midden en dan uiterst rechts.

thjeu · 12 Augustus 2009

al gegoogled?

http://www.webcredible.co.uk/u…round-corners-boxes.shtml

Ferhat.Remory · 12 Augustus 2009

Ik wil dit nl via de css doen W0utR

thjeu · 12 Augustus 2009

kijk het artikel is wat ik net linkte, hier leggen ze dat perfect uit... *zucht

Ferhat.Remory · 12 Augustus 2009

Nee want het zijn 100en scripts met meestal andere breedes, bv subtitle dat 10 Procent is etc.

jgdonleach · 19 October 2009

maak er 1 plaatje van met transparant bg?

MauriceB · 8 November 2009

Ik snap het wel, je kan ook gewoon een border-left en een border-right border-bottom border-top met een image als background, en daar binnen in je tekst..

cssjuh maak ik zo..

Dein · 8 November 2009

Waarom deze topic nog kicken?
TS is verbannen, en de topic is al 3 maanden oud..

:slotje:

DNS update Directadmin

Graag advies voor mijn website

Ik wil op afstand studeren, kennen jullie Tech?

PC probleem

Let op Vimexx klanten

wie kan mij helpen met Security aanscherpen voor nmijn website

Ik ben op zoek naar een goede hosting

App bouwer gezocht

Dating software

250 Nieuwe domeinnamen April 2024

Xenforo buckaroo plugin

HULP CSS

Participate now!

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Het Belang van Standaardisatie

De Revolutionaire Rol van IT in Alzheimeronderzoek

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen

Gebruikers die dit topic bekijken