Autor |
Nachricht |
-
gofreaks
|
25.09.2011 um 07:46 (UTC) Titel: News Kasten verändern |
|
|
Hallo,
Ich hab diesen Code unter Text vor der News
Code: <style type="text/css">
<!--
/* Datum und Absender-Text */
DIV td div {
color: #000080;
float: right;
padding: 5px;
margin-right: 3px;
margin-bottom: 5px;
font-size: 11px!important;
border: 1px solid #c9c9c9;
-webkit-border-radius: 8px;
-moz-border-radius: 8px; }
/* News-Felder */
DIV td[width="100%"] {
padding: 30px;
color: #000000!important;
font-size: 14px;
background-color:#FFFFFF;
background-image:url();
background-repeat: no-repeat;
border: 1px solid #c9c9c9;
-webkit-border-radius: 8px;
-moz-border-radius: 8px; }
-->
</style>
Und hier wird es mir so angezeigt http://gofreaks.de.tl/News.htm
Wie mache ich das dieser Strich ganz oben weg geht und das der Titel auch in den Kasten angezeigt wird?
Zuletzt bearbeitet von gofreaks am 04.10.2011, 01:22, insgesamt einmal bearbeitet
|
|
↑
|
|
|
|
25.09.2011 um 21:42 (UTC) Titel: |
|
|
Hallo,
sollen alle "Striche" weg oder nur der erste? Wenn du weitere News schreibst, werden auch weitere "Striche" eingefügt.
In welchen Kasten soll der Titel? Ich sehe 2 Kästen, die wohl in Frage kommen!
Etwas genauer solltest du dein Anliegen schon formulieren, sonst kann ich dir den Titel auch in deine rechte Box setzen, das ist auch ein Kasten. ______________ 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
Zuletzt bearbeitet von o-4-n am 26.09.2011, 01:27, insgesamt 3-mal bearbeitet
|
|
↑
|
|
|
-
gofreaks
|
26.09.2011 um 18:31 (UTC) Titel: |
|
|
Nur das erste Strich, und es soll in den Kasten sein wo News kommen bald!
Das! |
|
↑
|
|
|
|
27.09.2011 um 00:10 (UTC) Titel: |
|
|
Hallo,
zu dem Strich: Mit dem aktuellen CSS Standard könnte es so klappen:
Zitat: td.edit_content_main div style+hr {
display: none;
}
Einfach in dem von dir geposteten CSS code ergänzen.
Mit CSS3 werden neue Pseudoklassen eingeführt, u.a. die Pseudoklasse first-of-type. Dadurch wird dies wesentlich einfacher möglich. Soviel ich weiß, wird diese bereits von sämtlichen aktuellen Browsern unterstützt. Bei älteren Browsern wird die Linie allerdings weiter zusehen sein!
Ergänze den CSS code, den du gepostet hast einfach um folgendes:
Zitat: td.edit_content_main hr:first-of-type {
display: none;
}
zum Titel: Dieser liegt in einer anderen Tabellenzelle. Die einzige Möglichkeit diesen umzusetzen, wäre mit javascript. Ansonsten kannst du auch statt 2 "Kästen" einfach einen großen machen.
Ich habe dir das Javascript mal geschrieben und gleichzeitig auch die Linie damit ausgeblendet. D.h. wenn du das javascript verwenden möchtest, brauchst du obigen CSS code nicht!
Einfügen, bei Text unter dem Design:
Zitat: <script type="text/javascript">
if(window.location.href.toLowerCase().indexOf('news') != -1)
{
var i, j;
var done = false;
var bs = document.getElementsByTagName('b');
for(i = 0; i < bs.length; i++)
{
if((bs[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.className == 'edit_content_main') && (bs[i].nextSibling.nodeName == 'BR') && (bs[i].nextSibling.nextSibling.nodeName == 'DIV'))
{
if(!done)
{
for(j = 0; (j < bs[i].parentNode.parentNode.parentNode.parentNode.parentNode.childNodes.length) && (!done); j++)
{
if(bs[i].parentNode.parentNode.parentNode.parentNode.parentNode.childNodes[j].nodeName == 'HR')
{
bs[i].parentNode.parentNode.parentNode.parentNode.parentNode.childNodes[j].style.display = 'none';
done = true;
}
}
}
bs[i].parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.firstChild.firstChild.nextSibling.insertBefore(bs[i].nextSibling, bs[i].parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.firstChild.firstChild.nextSibling.firstChild);
bs[i].parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.firstChild.firstChild.nextSibling.insertBefore(bs[i], bs[i].parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.firstChild.firstChild.nextSibling.firstChild);
}
}
}
</script>
Du hast freie auswahl, suche dir einfach eine Lösung aus! ______________ 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
Zuletzt bearbeitet von o-4-n am 27.09.2011, 01:36, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
gofreaks
|
27.09.2011 um 16:12 (UTC) Titel: |
|
|
Okay es geht, aber ich möchte wieder das es wie vorhin aussieht hier der Code
Code: <style type="text/css">
<!--
/* Datum und Absender-Text */
DIV td div {
color: #000080;
float: right;
padding: 5px;
margin-right: 3px;
margin-bottom: 5px;
font-size: 11px!important;
border: 1px solid #c9c9c9;
-webkit-border-radius: 8px;
-moz-border-radius: 8px; }
/* News-Felder */
DIV td[width="100%"] {
padding: 30px;
color: #000000!important;
font-size: 14px;
background-color:#FFFFFF;
background-image:url();
background-repeat: no-repeat;
border: 1px solid #c9c9c9;
-webkit-border-radius: 8px;
-moz-border-radius: 8px; }
-->
</style> |
|
↑
|
|
|
|
|
↑
|
|
|
-
gofreaks
|
28.09.2011 um 13:18 (UTC) Titel: |
|
|
Also ist es shon gut, aber ich möchte das der Kasten wieder kommt. Und im Kasten drinne soll da die Überschrift und der Text stehen! |
|
↑
|
|
|
|
28.09.2011 um 17:04 (UTC) Titel: |
|
|
Hallo,
vielleicht stehe ich auch gerade auf dem Schlauch, aber ich verstehe dein Problem nicht. Was willst du jetzt? So wie vorher oder so wie du es ursprünglich haben wolltest? Für beides hast du doch eine Antwort bekommen!?
Falls irgendjemand das versteht, bitte ich denjenigen, es mir zu erklären! ______________ 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
Zuletzt bearbeitet von o-4-n am 28.09.2011, 18:43, insgesamt 2-mal bearbeitet
|
|
↑
|
|
|
-
gofreaks
|
29.09.2011 um 17:13 (UTC) Titel: |
|
|
Ich möchte das der Kasten so bleibt wie er ist, aber dieser Strich sollte nur weg und der Titel sollte in den Kasten stehen.
Das wollte ich! |
|
↑
|
|
|
|
|
↑
|
|
|
-
gofreaks
|
01.10.2011 um 08:43 (UTC) Titel: |
|
|
Der kasten soll da sein, aber der Strich oben soll weg und der Titel soll auch in dem Kasten sein! |
|
↑
|
|
|
|
01.10.2011 um 12:14 (UTC) Titel: |
|
|
Hallo,
gofreaks hat Folgendes geschrieben: Der kasten soll da sein, aber der Strich oben soll weg und der Titel soll auch in dem Kasten sein!
Schön! Und warum verwendest du dann nicht das Javascript aus meinem 2. post? Findest du es nicht? Hier ich zitiere mich mal selbst:
o-4-n hat Folgendes geschrieben: <script type="text/javascript">
if(window.location.href.toLowerCase().indexOf('news') != -1)
{
var i, j;
var done = false;
var bs = document.getElementsByTagName('b');
for(i = 0; i < bs.length; i++)
{
if((bs[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.className == 'edit_content_main') && (bs[i].nextSibling.nodeName == 'BR') && (bs[i].nextSibling.nextSibling.nodeName == 'DIV'))
{
if(!done)
{
for(j = 0; (j < bs[i].parentNode.parentNode.parentNode.parentNode.parentNode.childNodes.length) && (!done); j++)
{
if(bs[i].parentNode.parentNode.parentNode.parentNode.parentNode.childNodes[j].nodeName == 'HR')
{
bs[i].parentNode.parentNode.parentNode.parentNode.parentNode.childNodes[j].style.display = 'none';
done = true;
}
}
}
bs[i].parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.firstChild.firstChild.nextSibling.insertBefore(bs[i].nextSibling, bs[i].parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.firstChild.firstChild.nextSibling.firstChild);
bs[i].parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.firstChild.firstChild.nextSibling.insertBefore(bs[i], bs[i].parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.firstChild.firstChild.nextSibling.firstChild);
}
}
}
</script> |
|
↑
|
|
|
-
gofreaks
|
03.10.2011 um 07:17 (UTC) Titel: |
|
|
Ich hab ihn gefunden, aber da wird keine Box angezeigt! |
|
↑
|
|
|
|
|
↑
|
|
|
-
gofreaks
|
03.10.2011 um 19:52 (UTC) Titel: |
|
|
Schaut selbst http://gofreaks.de.tl/News.htm der Titel soll im Kasten sein, ich hab diesen Code benutzt,
Code: <style type="text/css">
<!--
/* Datum und Absender-Text */
DIV td div {
color: #000080;
float: right;
padding: 5px;
margin-right: 3px;
margin-bottom: 5px;
font-size: 11px!important;
border: 1px solid #c9c9c9;
-webkit-border-radius: 8px;
-moz-border-radius: 8px; }
/* News-Felder */
DIV td[width="100%"] {
padding: 30px;
color: #000000!important;
font-size: 14px;
background-color:#FFFFFF;
background-image:url();
background-repeat: no-repeat;
border: 1px solid #c9c9c9;
-webkit-border-radius: 8px;
-moz-border-radius: 8px; }
-->
</style>
<script type="text/javascript">
if(window.location.href.toLowerCase().indexOf('news') != -1)
{
var i, j;
var done = false;
var bs = document.getElementsByTagName('b');
for(i = 0; i < bs.length; i++)
{
if((bs[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.className == 'edit_content_main') && (bs[i].nextSibling.nodeName == 'BR') && (bs[i].nextSibling.nextSibling.nodeName == 'DIV'))
{
if(!done)
{
for(j = 0; (j < bs[i].parentNode.parentNode.parentNode.parentNode.parentNode.childNodes.length) && (!done); j++)
{
if(bs[i].parentNode.parentNode.parentNode.parentNode.parentNode.childNodes[j].nodeName == 'HR')
{
bs[i].parentNode.parentNode.parentNode.parentNode.parentNode.childNodes[j].style.display = 'none';
done = true;
}
}
}
bs[i].parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.firstChild.firstChild.nextSibling.insertBefore(bs[i].nextSibling, bs[i].parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.firstChild.firstChild.nextSibling.firstChild);
bs[i].parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.firstChild.firstChild.nextSibling.insertBefore(bs[i], bs[i].parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.firstChild.firstChild.nextSibling.firstChild);
}
}
}
</script>
Hellfennnnn |
|
↑
|
|
|
|