Hallo zusammen,
an dieser Stelle möchte ich mich bei den jenigen bedanken die mir bisher geholfen haben! Selbstverständliche fasse ich die ganzen Informationen auf und versuche die stehts zu behalten!
Durch das erfragen kann ich lernen, demnach habe ich auch heute wieder eine Frage:
Ich fand dieses nette "Bullet Image Link Script " und möchte dieses nun in meinem Projekt als Standard einbauen!
http://www.dynamicdrive.com/dynamicindex5/bulletlink.htmIch möchte das so einbinden, so dass ich nicht jeden Link extra anpassen muss.
Das wäre demnach meine style.css Datei:
/*
The Style8 for 4images gallery
Created by: KW
*/
/* ------------------------------ Body All over --------------------------------------------
Here you can change the colors and the background for the page.
Hier kannst Du die Farben und den Hintergrund der Page ändern.
*/
body {
background-color: #111111;
background-image: url(../../page_images/bgband_orange.gif);
background-repeat: repeat-x;
position:absolute;
left:0px;
color: #FF820E;
font-size: 10px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
SCROLLBAR-FACE-COLOR: #111111;
SCROLLBAR-HIGHLIGHT-COLOR: #FF820E;
SCROLLBAR-SHADOW-COLOR: #FF820E;
SCROLLBAR-3DLIGHT-COLOR: #111111;
SCROLLBAR-ARROW-COLOR: #;
SCROLLBAR-TRACK-COLOR: #111111;
SCROLLBAR-DARKSHADOW-COLOR: #111111;
}
/* ----- Page Size -- PageGröße ------*/
.page_size {
width: 700px;
height: 480px;
border: 1px solid rgb(30,30,30);
}
/* ----- Textcolors,sizes of the tablesheads -- Schriftfarben,Größen der Tabellenköpfe ------*/
.menue_table {
border: 1px solid rgb(0,0,0);
color: #FF820E;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.thumb_table {
border: 1px solid rgb(34,34,34);
background-color: #181818;
color: #181818;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.thumb_table_2 {
background-image: url(../../page_images/rauschen.gif);
border: 1px solid rgb(34,34,34);
background-color: #181818;
color: #181818;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.all_other_tables {
border: 1px solid rgb(34,34,34);
background-color: #111111;
color: #FF820E;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.head1 {
border: 1px solid rgb(34,34,34);
background-color: #181818;
color: #FF820E;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* ------------------------------------------------------------------------------------------*/
/* -------------- Textcolor of the Site Name --- Schriftfarbe des Seitennamens --------------*/
.site_name {
color: #FF820E;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
}
/* ------------------------------------------------------------------------------------------*/
/* ------------------ Color of the search formfield --- Farbe der Suchform ------------------
Here you can change the color and the background for the searchform.
Hier kannst Du die Farben und den Hintergrund der Suchform ändern.
*/
.searchinput {
border: 1px solid rgb(0,0,0);
background-image: url(../../page_images/login_orange.gif);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
WIDTH: 110px;
}
.searchinput_button {
border: 1px solid rgb(0,0,0);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
WIDTH: 60px;
}
/* ------------------------------------------------------------------------------------------*/
/* ------------------ Color of the login formfield --- Farbe der Loginform ------------------
Here you can change the color and the background for the loginform.
Hier kannst Du die Farben und den Hintergrund der Loginform ändern.
*/
.logininput {
border: 1px solid rgb(0,0,0);
background-image: url(../../page_images/login_orange.gif);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
WIDTH: 110px;
}
.login_input_button {
border: 1px solid rgb(0,0,0);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
WIDTH: 70px;
}
/* ------------------------------------------------------------------------------------------*/
/* -- Colors of the comment and ecard formfield --- Farben der Kommentar und eCard Formfelder ----
Here you can change the color and the background for the comment nad ecard formfields.
Hier kannst Du die Farben und den Hintergrund der Kommentar und eCard Formfelder ändern.
*/
.ecard_input {
border: 1px solid rgb(0,0,0);
background-image: url(../../page_images/login_orange.gif);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
WIDTH: 110px;
}
.ecard_input_big {
border: 1px solid rgb(0,0,0);
background-image: url(../../page_images/form_big_orange.gif);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
WIDTH: 300px;
}
.ecard_input_button {
border: 1px solid rgb(0,0,0);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
WIDTH: 70px;
}
/* ------------------------------------------------------------------------------------------*/
/* -- Colors of the PM formfield --- Farben der PM Formfelder ----
Here you can change the color and the background for the comment nad ecard formfields.
Hier kannst Du die Farben und den Hintergrund der Kommentar und eCard Formfelder ändern.
*/
.comment_input {
border: 1px solid rgb(0,0,0);
background-image: url(../../page_images/login_orange.gif);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
WIDTH: 110px;
}
.comment_button {
border: 1px solid rgb(0,0,0);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
WIDTH: 130px;
}
.comment_big_input {
border: 1px solid rgb(0,0,0);
background-image: url(../../page_images/form_big_orange.gif);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
WIDTH: 300px;
}
/* ------------------------------------------------------------------------------------------*/
/* ------------ Color of all other formfields --- Farbe aller anderen Formfelder --------------
Here you can change the color and the background for all other loginforms.
Hier kannst Du die Farben und den Hintergrund aller anderen Formfelder ändern.
*/
.all_other_input {
border: 1px solid rgb(0,0,0);
background-image: url(../../page_images/login_orange.gif);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
WIDTH: 110px;
}
.all_other_input_big {
border: 1px solid rgb(0,0,0);
background-image: url(../../page_images/form_orange.gif);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
WIDTH: 300px;
}
.all_other_button {
border: 1px solid rgb(0,0,0);
background-color: #FF820E;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
}
/* ------------------------------------------------------------------------------------------*/
/* All Links */
a:link { text-decoration: none; color : #FF820E; background-color: #;
}
a:active { text-decoration: none; color : #FF820E; background-color: #;
}
a:visited { text-decoration: none; color : #FF820E; background-color: #;
}
a:hover { text-decoration: overline; color : #ffffff; background-color: #; background-image: url(../../page_images/rauschen.gif);
}
hr {
border: 1px solid rgb(30,30,30);
}
ul, li, p, td {
color: #FF820E;
font-background-color: #;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
.smalltext {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: normal;
}
.site_stats {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 9px;
font-weight: normal;
}
.user_online {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 9px;
font-weight: normal;
}
.marktext {
background-color: #3CE100;
border: 1px solid rgb(0,136,0);
color: #000000;
height: 15;
}
.cp_link {
background-color: #;
}
.new {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
color: #FFFF00;
}
.textarea {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #FF820E;
font-size: 11px;
width: 230px;
}
.input {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
width: 230px;
}
.select {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
background-color: #FF820E;
color: #000000;
font-size: 11px;
}
.setperpageselect {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-color: #FF820E;
font-size: 11px;
}
.categoryselect {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
background-color: #FF820E;
color: #000000;
font-size: 11px;
}
.dropdownmarker {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
background-color: #FF820E;
color: #000000;
font-size: 11px;
}
.button {
font-family: Verdana,Arial, Helvetica, sans-serif;
background-color: #FF820E;
border: 1px solid rgb(0,0,0);
color: #000000;
font-size: 11px;
}
/*--Categories------------------------------------------------*/
.maincat {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
}
.subcat {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
}
/*--Images----------------------------------------------------*/
.imagerow1 {
}
.imagerow2 {
}
/*--Comments--------------------------------------------------*/
.commentspacerrow {
background-color: #;
color: #1A1A1A;
}
.commenttextarea {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
width: 270px;
}
.commentinput {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
width: 270px;
}
.msg0 {
background-color: #FFCECE;
color: #2F6B9D;
}
.msg1 {
background-color: #004000;
color: #2F6B9D;
}
.msg_good {
background-color: #004000;
font-weight: bold;
border: 1px solid #5E6C80;
padding: 3px 3px 3px 3px ;
margin: 3px 0px 3px 0px ;
}
.msg_error {
background-color: #800000;
font-weight: bold;
border: 1px solid #5E6C80;
padding: 3px 3px 3px 3px ;
margin: 3px 0px 3px 0px ;
}
.msg_plain {
background-color: transparent;
font-weight: bold;
border: 1px solid #5E6C80;
padding: 3px 3px 3px 3px ;
margin: 3px 0px 3px 0px ;
}
/*--BBCode--------------------------------------------------*/
input.bbcbutton {
background-color : #EFEFEF;
color : #000000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
.helpline {
width: 300px;
height: 30px;
overflow: hidden;
background-color: transparent;
border-style: none;
font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
font-size : 10px;
color: #666666;
}
div.quotehead {
font-size: 11px;
color: black;
padding: 0px 24px 0px 24px ;
}
div.quoteblock {
border: 1px solid #5E6C80;
font-size: 10px;
padding: 8px 8px 8px 8px ;
}
div.codehead {
font-size: 11px;
color: black;
padding: 0px 24px 0px 24px ;
}
div.codeblock {
border: 1px solid #5E6C80;
font-family: Courier, 'Courier New', sans-serif;
font-size: 10px;
padding: 8px 8px 8px 8px ;
background-color: #F5F5F5;
white-space: pre;
}
<!-- Smilie Mod -->
.smilie {
background-color: transparent;
background-repeat: no-repeat;
border: none; cursor:hand;
}
<!-- End Smilie Mod -->
.voted {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 9px;
}
.thanks {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 9px;
}
.static {
color:#7C6843;
font-size: 9px;
}Ich bedanke mich in diesem Fall im Voraus!
