Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.07.2012 um 10:33 (UTC)    
Titel: Kommentare stylen bzw. verschönern.

Hi Leute,
Ich bin mal auf einen Thread gestoßen in den beschrieben wird wie man die Kommentare verschönert, z.B blau machen usw...
Nur leider finde ich diesen Thread nicht mehr, ich hab schon das ganze Forum durchstöbert.
Kann mir vielleicht jemand den Link zu den Thread schicken?
Würde mir SEHR helfen...

Grüssle
______________
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 Wink
Beitrag01.07.2012 um 10:51 (UTC)    
Titel:

meinst du das?

http://iceblue-test.de.tl/Extras-gestalten.htm

gruss gringo

tip: schau mal deine seite im internetexplorer an Shocked
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 01.07.2012, 11:55, insgesamt einmal bearbeitet
Beitrag01.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 Sad

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 Wink
Beitrag01.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

Beitrag03.07.2012 um 17:04 (UTC)    
Titel:

Achso.
Naja ich will jetzt auch nicht alles drunter löschen, deswegen werde ich auf der Startseite einfügen:
Die Website wurde für Mozila Firefox optimiert oder so...
______________
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 Wink
Beitrag03.08.2012 um 11:24 (UTC)    
Titel:

Jetzt frag ich nochmal?
Hat irgentjemand eine idee, wie man die Kommentare verändern kann, z.B den Strich, der die Kommentare trent blau färben usw...?
______________
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 Wink
Beitrag03.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 */
}

______________
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
Beitrag04.08.2012 um 15:43 (UTC)    
Titel:

Naja gut, da hast du Recht.
ich meinte wie genau, also mit Erklärung, verändert man die Kommentare.
Und das mit der Trennlinie war ja nur ein Beispiel, wie genau färbe ich sie jetzt ein?
Bzw, kann ich anstatt Farbe auch ein Bild als trennline benutzen?
Tut mir Leid, aber ich hab überhaupt keine Ahnung von Css, müsste es so aussehen?

Code:
hr{
background-color: #FFFFFF; }
}

______________
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 Wink
Beitrag04.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. Wink

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? Rolling Eyes
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
Beitrag04.08.2012 um 15:57 (UTC)    
Titel:

Very Happy

Naja eigentlich hatte ich nur vor den hintergund und die Trennlinie zu ändern, aber ich hab mir halt gedacht, dass es vielleicht irgent so ein thread bzw. code gibt, mit den man alles ändern kann und es auch noch erklärt ist was wo ist usw..., z.B wie hier:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=135970

Da wird gesagt wo was ist und wie man das ändern kann...

Meine Ausgangsfrage war ja eigentlich, ob es so ein Thread gibt, wie es oben mit den umfragen ist.
Aber ich finde ihn einfach nicht.
Deswegen muss ich mir das irgentwie selber beibringen, aber trotzdem danke für deine Antworten, damit hab ich jetzt schon die Trennlinie drinen Wink

Grüssle
______________
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 Wink
Beitrag04.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
Beitrag04.08.2012 um 16:03 (UTC)    
Titel:

Danke, genau so eine Erklärung "for dummies" hab ich gesucht! Wink
______________
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 Wink
Beitrag04.08.2012 um 22:47 (UTC)    
Titel:

Dann danke für die Rückmeldung und danke an die Helfer.

- CLOSED -
______________
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
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de