Website Oberflächen Hilfe!!!

Hardcoreentertaiment

PC-Selbstbauer(in)
Website Oberflächen Hilfe!!!

hallo,

Meine website ist momentan auf folgendem stand:

http://img31.imageshack.us/img31/4530/unbenannt2pj.jpg

nun habe ich dass problem, das sich die schrift (grüne prostreetschrift) wegen dem hintergrund schlecht lesen lässt.

daher möchte ich gerne eine halbdurchsichtige oberfläche hinter die schrift packen, sodass man die schrift besser lesen- aber die mädels noch sehen kann:daumen:

hat hier vielleicht jemand eine rat, wie man das am besten anstellt-so aeromäßig?

wäre sehr schön wenn mir jemand helfen kann - flash und java möchte ich nach möglichkeit vermeinden!


grüße hce
 
AW: Website Oberflächen Hilfe!!!

Hi.
Ich denke mal das der Hintergrund und das Mädl auf einem Bild sind? Wenn ja, dann kann man das mit Photoshop etc schon hinbiegen.
Allerdings musst du bedenken, wenn du das Hintergrundbild heller machst, dann sieht man automatisch die Schrift noch schlechter da helle Schrift auf hellem Hintergrund = nix gut, auch wenn ich auf dem Bild jetzt nicht sagen kann das ich sie schlecht sehe.^^

Ich glaube zumindest das meinst du, oder?^^
 
AW: Website Oberflächen Hilfe!!!

nope...

hinder die grüne schrift soll ein schwarzer-halbdurchsichtiger hintergrund, damit man die schrift besser lesen kann - aber das hintergrundbild soll durchschimmern!

wie mach ich das schwarze bild jetzt halbdurchsichtig?
 
AW: Website Oberflächen Hilfe!!!

setz das ganze zeug doch in ne mit css formatierte tabelle un fertig. als hintergrundbild der zelle (die dann au ned breiter is wie gewünscht) kannste dann sonen halbtransparentes schwarzes bild angeben was eventuell sogar noch nen schicken hover effekt hat.

btw: sind das frames? auch wenn ich ihnen nich ganz abgeneigt bin, ist es doch generell grad mode, das eher mit divs zu lösen. aber wenn du bei frames bleiben magst, solltest du überlegen, vllt die frameborder auf 0 zu setzen ^^ sieht irgendwie komisch aus so. im übrigen finde ich die grüne schrift da generell gut lesbar.

und oben das menu - wieso nicht horizontal angeordnet? verschwendest doch urstig viel platz für nix ^^ ach ja: schreibfehler bei s(e)ttings :P
 
AW: Website Oberflächen Hilfe!!!

Wenn du es so behalten magst, dann brauchst du nur auf der Hintergrundgrafik eine entsprechend große Fläche aufziehen (muss man probieren) und diese dann mit schwarz ausfüllen, aber die Deckkraft runterzusetzen.

Im Anhang siehst du wie ich das meine.
 
AW: Website Oberflächen Hilfe!!!

ist ja noch alles in der beta-phase!

danke für die hilfe! - so wies ghostadmin geschrieben hat solls sein


mit divs und css kenne ich mich nicht wirklich aus - visual basic ist eher mein gebiet xD


kannst du mr vll. mit divs mal eine vorlage(script) passend für meine page posten?

framesats sind nun mal am einfachsten - wie ändere ich nochmal die farbe der frameboarders?
 
AW: Website Oberflächen Hilfe!!!

das ist das einzigste was ich mit divs gemacht hab-.eine geschummelte altersabfrage, damit die kiddis nich drauf gehen - auf php hatte ich keine lust:

<div id="gate">

<div class="birthdate">
<a href="rules.html" target="news"><b><font
size="7"><font color="#FA0723"><font face="Arial"><i><left>This page is just for adult users!</left></i></font></font></font>
<form action="/" method="post">
<select name="Month">
<option label="January" value="01" selected="selected">January</option>
<option label="February" value="02">February</option>
<option label="March" value="03">March</option>
<option label="April" value="04">April</option>
<option label="May" value="05">May</option>
<option label="June" value="06">June</option>
<option label="July" value="07">July</option>
<option label="August" value="08">August</option>
<option label="September" value="09">September</option>
<option label="October" value="10">October</option>
<option label="November" value="11">November</option>
<option label="December" value="12">December</option>
</select>
<select name="Day">
<option label="01" value="1" selected="selected">01</option>
<option label="02" value="2">02</option>
<option label="03" value="3">03</option>
<option label="04" value="4">04</option>
<option label="05" value="5">05</option>
<option label="06" value="6">06</option>
<option label="07" value="7">07</option>
<option label="08" value="8">08</option>
<option label="09" value="9">09</option>
<option label="10" value="10">10</option>
<option label="11" value="11">11</option>
<option label="12" value="12">12</option>
<option label="13" value="13">13</option>
<option label="14" value="14">14</option>
<option label="15" value="15">15</option>
<option label="16" value="16">16</option>
<option label="17" value="17">17</option>
<option label="18" value="18">18</option>
<option label="19" value="19">19</option>
<option label="20" value="20">20</option>
<option label="21" value="21">21</option>
<option label="22" value="22">22</option>
<option label="23" value="23">23</option>
<option label="24" value="24">24</option>
<option label="25" value="25">25</option>
<option label="26" value="26">26</option>
<option label="27" value="27">27</option>
<option label="28" value="28">28</option>
<option label="29" value="29">29</option>
<option label="30" value="30">30</option>
<option label="31" value="31">31</option>
</select>
<select name="Year">
<option label="Year" value="" selected="selected">Year</option>
<option label="2009" value="2009">2009</option>
<option label="2008" value="2008">2008</option>
<option label="2007" value="2007">2007</option>
<option label="2006" value="2006">2006</option>
<option label="2005" value="2005">2005</option>
<option label="2004" value="2004">2004</option>
<option label="2003" value="2003">2003</option>
<option label="2002" value="2002">2002</option>
<option label="2001" value="2001">2001</option>
<option label="2000" value="2000">2000</option>
<option label="1999" value="1999">1999</option>
<option label="1998" value="1998">1998</option>
<option label="1997" value="1997">1997</option>
<option label="1996" value="1996">1996</option>
<option label="1995" value="1995">1995</option>
<option label="1994" value="1994">1994</option>
<option label="1993" value="1993">1993</option>
<option label="1992" value="1992">1992</option>
<option label="1991" value="1991">1991</option>
<option label="1990" value="1990">1990</option>
<option label="1989" value="1989">1989</option>
<option label="1988" value="1988">1988</option>
<option label="1987" value="1987">1987</option>
<option label="1986" value="1986">1986</option>
<option label="1985" value="1985">1985</option>
<option label="1984" value="1984">1984</option>
<option label="1983" value="1983">1983</option>
<option label="1982" value="1982">1982</option>
<option label="1981" value="1981">1981</option>
<option label="1980" value="1980">1980</option>
<option label="1979" value="1979">1979</option>
<option label="1978" value="1978">1978</option>
<option label="1977" value="1977">1977</option>
<option label="1976" value="1976">1976</option>
<option label="1975" value="1975">1975</option>
<option label="1974" value="1974">1974</option>
<option label="1973" value="1973">1973</option>
<option label="1972" value="1972">1972</option>
<option label="1971" value="1971">1971</option>
<option label="1970" value="1970">1970</option>
<option label="1969" value="1969">1969</option>
<option label="1968" value="1968">1968</option>
<option label="1967" value="1967">1967</option>
<option label="1966" value="1966">1966</option>
<option label="1965" value="1965">1965</option>
<option label="1964" value="1964">1964</option>
<option label="1963" value="1963">1963</option>
<option label="1962" value="1962">1962</option>
<option label="1961" value="1961">1961</option>
<option label="1960" value="1960">1960</option>
<option label="1959" value="1959">1959</option>
<option label="1958" value="1958">1958</option>
<option label="1957" value="1957">1957</option>
<option label="1956" value="1956">1956</option>
<option label="1955" value="1955">1955</option>
<option label="1954" value="1954">1954</option>
<option label="1953" value="1953">1953</option>
<option label="1952" value="1952">1952</option>
<option label="1951" value="1951">1951</option>
<option label="1950" value="1950">1950</option>
<option label="1949" value="1949">1949</option>
<option label="1948" value="1948">1948</option>
<option label="1947" value="1947">1947</option>
<option label="1946" value="1946">1946</option>
<option label="1945" value="1945">1945</option>
<option label="1944" value="1944">1944</option>
<option label="1943" value="1943">1943</option>
<option label="1942" value="1942">1942</option>
<option label="1941" value="1941">1941</option>
<option label="1940" value="1940">1940</option>
<option label="1939" value="1939">1939</option>
<option label="1938" value="1938">1938</option>
<option label="1937" value="1937">1937</option>
<option label="1936" value="1936">1936</option>
<option label="1935" value="1935">1935</option>
<option label="1934" value="1934">1934</option>
<option label="1933" value="1933">1933</option>
<option label="1932" value="1932">1932</option>
<option label="1931" value="1931">1931</option>
<option label="1930" value="1930">1930</option>
<option label="1929" value="1929">1929</option>
<option label="1928" value="1928">1928</option>
<option label="1927" value="1927">1927</option>
<option label="1926" value="1926">1926</option>
<option label="1925" value="1925">1925</option>
<option label="1924" value="1924">1924</option>
<option label="1923" value="1923">1923</option>
<option label="1922" value="1922">1922</option>
<option label="1921" value="1921">1921</option>
<option label="1920" value="1920">1920</option>
<option label="1919" value="1919">1919</option>
<option label="1918" value="1918">1918</option>
<option label="1917" value="1917">1917</option>
<option label="1916" value="1916">1916</option>
<option label="1915" value="1915">1915</option>
<option label="1914" value="1914">1914</option>
<option label="1913" value="1913">1913</option>
<option label="1912" value="1912">1912</option>
<option label="1911" value="1911">1911</option>
<option label="1910" value="1910">1910</option>
</select>
<br>
<a href="stop.png" target="news"><b><font
size="4"><font color="#FA0723"><font face="Arial"><i><left>I am not more than 18 years old!</left></i></font></font></font>
<br>
<a href="gta4/gta4age.html" target="news"><b><font
size="4"><font color="#FA0723"><font face="Arial"><i><left>I am more than 18 years old!</left></i></font></font></font>

</p>
</form>

</div>
</div>
 
Zuletzt bearbeitet:
AW: Website Oberflächen Hilfe!!!

Hey,
ich bin mir nicht so ganz sicher, ob ich dich richtig verstanden habe, aber vielleicht solltest du dir mal
Opacity (hat nichts mit Opa und Stadt zu tun :P) anschauen. Da musst du dann aber auf die Browserkompatibilität (böser böser IE) achten. Schau dazu mal hier:
CSS2 - opacity

Das ganze gibts öfters mal bei Bildergalerien - guckst du z.B. hier:
CARRERA EVOLUTION Ford Capri RS - idee+spiel

Einfach mal auf das Bild klicken.. alles drumherum wird Schwarz gemacht und dann mit opacity verhellt.
 
AW: Website Oberflächen Hilfe!!!

Zum einen kann ich nur sagen: Weg mit den Frames, das is einfach nich mehr zeitgemäß und zum anderen must du mit Bilder, die du von anderen Seiten hast, bei denen du also nicht der Urheber bist aufpassen...
 
Zurück