Autor |
Nachricht |
-
ein-paar-lole-sachen
Wohnort: Im tiefen dunklen Wald, na Schmarn aufm wundaschönen boarischen Land!
|
|
↑
|
|
|
|
01.07.2012 um 10:51 (UTC) Titel: |
|
|
Zuletzt bearbeitet von 6p-iceblue am 01.07.2012, 11:55, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
ein-paar-lole-sachen
Wohnort: Im tiefen dunklen Wald, na Schmarn aufm wundaschönen boarischen Land!
|
01.07.2012 um 11:06 (UTC) Titel: |
|
|
Stimmt genau das!
Aber leider sind da zwar viele Extras aufgelistet aber leider nicht wie man die Kommentare verschönert.
Da steht wie man das Gästebuch und die News usw... verschönert, aber leider nichts von den Kommentaren
Das mit den Explorer ist natürlich dumm!
Ich weiß schon lange, dass das nicht funktioniert, aber leider weiß ich nicht wie ich meine Seite Explorer tauglich mache?
Hast du da vielleicht ne Ahnung?
Nochmal Danke für deine schnelle Antwort! ______________ LG ein Paar LOLe Sachen Team
-Wenn du uns HIER: http://www.youtube.com/einpaarlolesachen abonnieren würdest
-Und HIER: http://www.facebook.com/pages/Ein-paar-LOLe-Sachen/381417971881033? auf gefällt mir klicken würdest
-Und dich HIER: http://ein-paar-lole-sachen.forum-aktiv.com/ anmeldest
WÜRDEN wir uns natürlich sehr freuen
|
|
↑
|
|
|
|
01.07.2012 um 13:12 (UTC) Titel: |
|
|
Code: <style type="text/css">/* DESIGN GENERETED BY HpBk-GENERATOREN.de.tl */ td.edit_rechts_sbg, td.edit_below_nav, img[width="1"] {display:none;}td.edit_rechts_cbg{background:none;}table.edit_main_table {margin:0 auto;}table.edit_main_table{width:921px;}td{font-family:Comic Sans MS;font-size:16px;}body{background:#7fa0a3 url(http://img.webme.com/pic/e/ein-paar-lole-sachen/hintergrundholz.jpg) repeat scroll center;}td.edit_header_full{background:#000000 url(http://img.webme.com/pic/e/ein-paar-lole-sachen/holz.jpg) no-repeat scroll center;}td.edit_content_top{background:#0000ff;}td.edit_content, td.edit_content_bottom{background:#005eff;}td.edit_content_bottom2{background:#0000ff;}td.edit_navi_headbg{background:#ffffff url(http://www.tapetendepot.de/images/produkte/i34/34651-224613.jpg) repeat scroll center;}td.nav_heading{background:#0000ff;color:#ffffff;}td.nav{background:#000000 url(http://img.webme.com/pic/f/free-picture/radon66iceblue185x33_43.png) no-repeat scroll center;padding:0;}td.nav a.menu{display:table-cell;color:#ffffff;padding:0;width:185px;height:33px;text-align:center;vertical-align:middle;}td.nav:hover{background:#ff00ff url(http://img.webme.com/pic/f/free-picture/radon66iceblue185x33_56.png) no-repeat scroll center;}td.edit_rechts_bottom{background:#ffffff url(http://www.tapetendepot.de/images/produkte/i34/34651-224613.jpg) repeat scroll center;}td.sidebar_heading{background:#0000ff;}td.edit_rb_footer{background:#0000ff;}td.headline{display:none;}</style>
<style type="text/css"><!--
/* Feld für das Menu */
#Menu_Box {
width: 650px; /* Breite */
position: absolute;
left: 50%; /* = NICHT ÄNDERN ! */
margin-left: -304px; /* nach LINKS + RECHTS verschieben */
margin-top: 190px; /* nach OBEN + UNTEN verschieben */
overflow: hidden;}
/* die 5 DIV Felder */
#link_1, #link_2, #link_3, #link_4, #link_5 {
float: left; /* Buttons nebeneinander */
text-align: center;
margin-right: 8px; /* Abstand zwischen Buttons */
overflow: hidden; }
/* das Aussehen der 5 Links */
#link_1 a, #link_2 a, #link_3 a, #link_4 a {
display: block; /* = Verlinkung füllt Feld aus */
width: 148px; /* = Breite des Button */
height: 20px; /* = Höhe des Button */
line-height:20px; /* = muss Höhe bekommen, die auch height hat */
margin-top: 30px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
color: #cccccc; /* = Linkfarbe */
font-size: 14px; /* = Link Textgroeße */
font-family: arial; /* = Link Schriftart */
text-decoration: none; /* = Link nicht unterstrichen */
background-color: #0000ff; /* = Hintergrundfarbe Link */
border: 1px solid #bbbbbb; /* = Rahmen */
-moz-border-radius-topleft: 10px; /* = abgerundete Ecke oben links */
-moz-border-radius-topright: 10px; /* = abgerundete Ecke oben rechts */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
/* Sliderbox */
#featured {
width: 397px;
padding-right: 250px;
position: relative;
border: 5px solid #000000;
height: 250px;
overflow:hidden; }
/* Feld der Navi rechts */
ul.ui-tabs-nav {
position: absolute;
top: 0; left: 400px;
list-style: none;
padding: 0; margin: 0;
width: 250px; height: 250px;
overflow: hidden;}
/* Überschriften im Menu rechts */
li.ui-tabs-nav-item h3 {
font-size: 14px;
margin: 3px 0px 3px 0px; }
/* verlinkter Text im Menu rechts */
li.ui-tabs-nav-item a {
padding: 3px 5px 3px 10px;
display: block;
height: 56px;
text-decoration: none;
color: #333;
font-size: 11px;
outline: none;
border-bottom: 1px solid #c9c9c9; }
/* Hover Menu rechts */
li.ui-tabs-nav-item a:hover {
display: block;
background: #202020;
color: #FFFFFF; }
/* Auto-Hover rechts */
li.ui-tabs-selected a {
background: #202020;
color: #FFFFFF; }
/* Feld für Bilder */
.ui-tabs-panel {
width: 400px;
height: 250px;
border-right: 1px solid #FFFFFF;
background: #999;
position: relative; }
/* das Feld für Text auf Bild */
.ui-tabs-panel .text {
position: absolute;
bottom:0; left:0;
height: 70px;
background-color: #202020;
opacity: 0.7; }
/* Ueberschrift auf Bild */
.text h2 {
font-size: 15px;
font-family: Georgia, serif;
color: #FFFFFF;
padding: 5px;
margin: 0px;
font-weight: normal;
overflow: hidden; }
/* Text im Bild */
.text p {
margin:0 5px;
font-size: 11px;
line-height: 14px;
color: #f0f0f0; }
/* Link im Bild */
.text a {
text-decoration: none;
color: orange;
font-size: 12px; }
/* Hoverlink im Bild */
.text a:hover {
color: blue;
text-decoration: underline; }
.ui-tabs-hide{display:none; }
.drehen {
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
transition: transform 0.5s ease-out; }
.drehen:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); }
/* Feld der Grafiken */
ul.hover_block li {
list-style: none;
padding: 10px;
width: 468px;
background-color: #FFFFFF;
border: 1px solid #c9c9c9;
margin-bottom: 20px; }
/* Feld mit Text */
ul.hover_block li a {
display: block;
position: relative;
text-decoration: none;
overflow: hidden;
padding: 10px;
height: 40px;
width: 448px;
color: #ffffff;
font-size: 14px;
border: 1px solid #c9c9c9; }
/* Grafiken */
ul.hover_block li img {
position: absolute; top: 0; left: 0; border: 0;}
/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover, #link_5 a:hover {
font-size:15px;
margin-top: 20px;
padding-top: 5px;
padding-bottom: 5px;
color: #ffffff;
font-weight: bold;
background-color: #6f8ac4; }
.transparenz {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
opacity: .6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 */
filter: alpha(opacity=60); } /*IE7 und kleiner*/
.transparenz:hover {
opacity: 1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
@-moz-keyframes neon {
0% { text-shadow: 0; }
50% { text-shadow: 0 0 20px #FFFFFF, 2px 2px 10px #FFFFFF,
2px 2px 10px #006464, 2px 2px 40px #006464,
2px 2px 70px #006464, 2px 2px 80px #006464,
2px 2px 100px #006464; }
100% { text-shadow: 0; }
}
/* Aussehen alle Boxen */
.themabox {
width: 220px;
height: 120px;
float: left;
margin: 10px;
background-color: #FFFFFF;
border: 1px solid #c9c9c9;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
overflow: hidden; }
.themabox a, .themabox a:hover {text-decoration: none; }
/* Grafik in Box verkleinert mit scale(.7) */
.themabox .grafik {
position: absolute;
width: 220px;
height: 120px;
opacity: 0.5;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 2s linear;
-moz-transition: all 2s linear;
-o-transition: all 2s linear;
-ms-transition: all 2s linear;
transition: all 2s linear;
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-o-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7); }
/* Grafik bei Hover zoom (scale) und drehen (rotate) */
.themabox:hover .grafik {
-webkit-transform: scale(2) rotate(-20deg);
-moz-transform: scale(2) rotate(-20deg);
-o-transform: scale(2) rotate(-20deg);
-ms-transform: scale(2) rotate(-20deg);
transform: scale(2) rotate(-20deg);
opacity: 0.8; }
/* Eigenschaften Titel und Infotext unten */
.titel, .info_unten {
position: absolute;
width: 220px;
height: 120px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
-ms-transition: all 1s linear;
transition: all 1s linear; }
/* Position und Aussehen Titel */
.titel {
top: 30px;
font-size: 22px;
color: #1E5799;
opacity: 0;
filter: alpha(opacity=0); }
/* Transparenz Titel bei Hover */
.themabox:hover .titel { opacity: 1; filter: alpha(opacity=100); }
/* Position und Aussehen Infotext unten */
.info_unten {
top: 120px;
font-size: 16px;
color: #fff;
padding: 10px 0px;
background-color: #202020; }
/* Position Infotext bei Hover */
.themabox:hover .info_unten { top: 75px;}
div
.bild {
float: left;
width: 130px;
padding: 5px;
margin: 10px;
border: 1px solid #343434; }
</style>
bis dahin klappt der code auch im internetexplorer. vermutlich ist der fehler danach eingebaut.
gruss gringo ______________ Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell
|
|
↑
|
|
|
-
ein-paar-lole-sachen
Wohnort: Im tiefen dunklen Wald, na Schmarn aufm wundaschönen boarischen Land!
|
|
↑
|
|
|
-
ein-paar-lole-sachen
Wohnort: Im tiefen dunklen Wald, na Schmarn aufm wundaschönen boarischen Land!
|
|
↑
|
|
|
|
03.08.2012 um 23:29 (UTC) Titel: |
|
|
Hallo,
wenn du eine konkrete Antwort möchtest, musst du schon konkret fragen. Deine Frage wäre mit der Antwort "Per CSS" beantwortet.
Die Trennlinie ist ein hr-Tag. Selektieren kannst du sie über den Typselektor:
Zitat: hr{
/* Hier die Formatierungen */
} |
|
↑
|
|
|
-
ein-paar-lole-sachen
Wohnort: Im tiefen dunklen Wald, na Schmarn aufm wundaschönen boarischen Land!
|
|
↑
|
|
|
|
04.08.2012 um 15:48 (UTC) Titel: |
|
|
ein-paar-lole-sachen hat Folgendes geschrieben: Naja gut, da hast du Recht.
Regel Nummer 1: Ich habe immer recht.
Regel Nummer2: Sollte ich einmal nicht Recht haben, tritt automatisch wieder Regel Nummer 1 in Kraft.
ein-paar-lole-sachen hat Folgendes geschrieben: ich meinte wie genau, also mit Erklärung, verändert man die Kommentare.
Und das findest du jetzt konkret?
Sollen wir dir jetzt in ein paar Sätzen CSS beibringen oder wie stellst du dir das vor? Du musst schon sagen, was und wie du es ändern möchtest. ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering |
|
↑
|
|
|
-
ein-paar-lole-sachen
Wohnort: Im tiefen dunklen Wald, na Schmarn aufm wundaschönen boarischen Land!
|
|
↑
|
|
|
-
divayo-hpbk
|
04.08.2012 um 16:00 (UTC) Titel: |
|
|
Für die Trennlinien Klick
Für das Eingabefeld:
Code: textarea {
background-color: #;
background-image: url();
border: 1px solid #0;
color: #;
font-size: 14px;
padding: 5px; }
Für den Absendebutton:
Code: input[type="submit"] {
background-color: #;
background-image: url();
border: 1px solid #;
color: #;
font-size: 14px;
padding: 5px; }
Zuletzt bearbeitet von divayo-hpbk am 04.08.2012, 17:06, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
ein-paar-lole-sachen
Wohnort: Im tiefen dunklen Wald, na Schmarn aufm wundaschönen boarischen Land!
|
|
↑
|
|
|
|
|
↑
|
|
|
|