Lexi Help
Die neuesten Themen
» Mein altes Forum zurückbekommen
von Bigtuber Gestern um 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» [Update] Neues Theme der mobilen Version V2
von inde Mi 28 Sep 2016 - 13:34

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

Partner
free forum

[phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von Damonbite am Fr 8 Jul 2016 - 18:51

Hallo,
ich möchte gerne über die Tabelle in meinem Forum [http://damon1864inlove.forumieren.com/forum] [phpBB2] ein Bild legen . Dieses Bild sollte dann unsichtbar / durchsichtig werden wenn man mit dem Mousezeiger darübergeht. Es sollte nicht extra angeklickt werden müssen, sondern einfach mit dem Zeiger darüber gehen.
Kann man mir da bitte helfen ?
Danke schon mal.


Zuletzt von Damonbite am Fr 8 Jul 2016 - 21:33 bearbeitet, insgesamt 3 mal bearbeitet

Damonbite
Neuling
Neuling

Beiträge : 37
Anmeldedatum : 13.12.11

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von inde am Fr 8 Jul 2016 - 19:23

Für das Forum in Deinem Profil? Falls ja, dann ergänze bitte in Deinem Eingangspost über Edit auch noch den entsprechenden Präfix [phpBB2]. Danke
Meinst Du mit Tabelle eine Grafik im Bereich des Headers oder noch woanders hin?

LG inde

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von Damonbite am Fr 8 Jul 2016 - 19:38

Ich habe eine Tabelle mit Infos über das Forum unter dem Logo und diese Tabelle würde ich gerne mit einem Bild verdecken, welches aber unsichtbar wird wenn man mit dem Mousezeiger darüber streicht.

Damonbite
Neuling
Neuling

Beiträge : 37
Anmeldedatum : 13.12.11

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von inde am Fr 8 Jul 2016 - 19:46

@inde schrieb:Falls ja, dann ergänze bitte in Deinem Eingangspost über Edit auch noch den entsprechenden Präfix [phpBB2].
Meinst Du diese hier?


Die hast Du in der Nachricht auf der Startseite eingesetzt?
Falls dem so ist, dann benötige ich einmal den entsprechenden Code den Du dafür verwendet hast. Bitte in enem Codefenster posten und dafür den Editor verwenden.

Nur einmal ganz am Rande: Hast Du schon einmal daran gedacht, dass nicht alle User Deines Forums eine 100Mb Internetleitung besitzen? Die Ladezeiten auf Deiner Startseite ist durch die Vielzahl und Größe der Grafiken (Gif) enorm hoch.

LG inde

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von Damonbite am Fr 8 Jul 2016 - 19:57

Nein ich meine mein anderes Forum   http://damon1864inlove.forumieren.com/forum


Code:
<table style="border-radius: 15px; width: 900px;" _moz_resizing="true" align="center" background="http://i35.servimg.com/u/f35/14/68/81/77/forent12.png" border="3" bordercolor="#ffffff" cellpadding="2" cellspacing="15">
                                                              
 <tbody background="http://i35.servimg.com/u/f35/14/68/81/77/forent12.png">
                                                              
 <tr align="center">
                                                              
 <td valign="top">
                                                              
 <div align="center">
                                <img src="http://i35.servimg.com/u/f35/19/12/38/89/tabell10.png" />                                
 </div>
                                                              
 <p>
                                <span style="font-size: 10px;"><span style="color: #ffffff;">Willkommen in Mystic Falls !!! Schön, dass du hierher gefunden hast. Hier kannst du gemeinsam mit Gleichgesinnten eine ganz eigene Version von Vampire Diaries kreieren, in eine wunderbare Geschichte eintauchen und diese neu erfinden.<br /><br />Hier findest du die wichtigsten Bereiche, die du dir unbedingt ansehen solltest.</span></span>            
 </p>
                      
 <p>
            <span style="font-size: 10px;"><span style="color: #ffffff;"><br /></span></span>                  
 </p>
                                    
 <p>
                   <span style="color: #ffffff;"> </span><select style="width:150px; font-size: 16px; text-align: left;" onclick="setbreite('100px')" onchange="window.open(this.options[this.selectedIndex].value,'_top')"><option>wichtige Links</option><option value="http://damon1864inlove.forumieren.com/f5-rules">Rules</option><option value="http://damon1864inlove.forumieren.com/t430-unsere-daten-und-die-storyline">Storyline</option><option value="http://damon1864inlove.forumieren.com/f68-listen">Listen</option><option value="http://damon1864inlove.forumieren.com/t431-bewerbungsvorlage">Bewerbungsvorlage</option><option value="http://damon1864inlove.forumieren.com/f58-partner">Partnerbereich</option><option value="http://damon1864inlove.forumieren.com/t43-seriencharakter">Wanna be?</option></select>                                
 </p>
                                                              
 </td>
                                                              
 <td valign="top">
                                                              
 <div align="center">
                                <img src="http://i35.servimg.com/u/f35/19/12/38/89/tabell11.png" />                                
 </div>
                                                              
 <p>
                                <span style="font-size: 10px;"><span style="color: rgb(255, 255, 255);">Wenn wir vorstellen dürfen... Caroline Forbes, Damon Salvatore und Evangeline Christ</span></span>                                
 </p><img href="http://uploadix.de/image/iVz1.gif" <a="" /><img src="http://uploadix.de/image/iVz1.gif" /><br /><img src="http://i35.servimg.com/u/f35/19/12/38/89/set_3210.jpg" /><br />     <span style="font-size: 10px;"><span style="color: #ffffff;"><a href="http://damon1864inlove.forumieren.com/privmsg?mode=post&u=2">PN</a> an Damon</span></span><br /><span style="font-size: 10px;"><span style="color: #ffffff;"><a href="http://damon1864inlove.forumieren.com/privmsg?mode=post&u=7">PN</a> an Caroline</span></span><br /><span style="font-size: 10px;"><span style="color: #ffffff;"><a href="http://damon1864inlove.forumieren.com/privmsg?mode=post&u=46">PN</a> an Eve</span></span><br />        
 <p>
                                                              
 </p>
                                                              
 </td>
                                                              
 <td valign="top">
                                                              
 <div align="center">
                                <img src="http://i35.servimg.com/u/f35/19/12/38/89/tabell12.png" />                                
 </div><span style="font-size: 10px;"><br /><span style="color: #ffffff;"></span>             </span>                  
 <ul style="color: rgb(255, 255, 255);">
                   <span style="font-size: 10px;">                         </span>                  
 <li>
                   <span style="font-size: 10px;">             Vampire Diaries RPG             </span>                  
 </li><span style="font-size: 10px;">                        </span>                  
 <li>
                   <span style="font-size: 10px;">             die neue Storyline ist fertig und kann nun gelesen werden          </span>                  
 </li><span style="font-size: 10px;">                    </span>                  
 <li>
                   <span style="font-size: 10px;">             FSK 18+             </span>                  
 </li><span style="font-size: 10px;">                         </span>                  
 <li>
                   <span style="font-size: 10px;">             Ortstrennung             </span>                  
 </li><span style="font-size: 10px;">                         </span>                  
 <li>
                   <span style="font-size: 10px;">             geschrieben in 1. Person Singular Präteritum             </span>                  
 </li><span style="font-size: 10px;">                         </span>                  
 <li>
                   <span style="font-size: 10px;">             viele Seriencharaktere, sind noch frei            </span>                  
 </li><span style="font-size: 10px;">                         </span>                  
 <li>
                   <span style="font-size: 10px;">             freierfundene Charaktere, sind gerne gesehen             </span>                  
 </li><span style="font-size: 10px;">                         </span>                  
 <li>
                   <span style="font-size: 10px;">             großes Hauptplay             </span>                  
 </li><span style="font-size: 10px;">                         </span>                  
 <li>
                   <span style="font-size: 10px;">             viele kleine Nebenplays             </span>                  
 </li>
                                                              
 </ul><span style="color: #ffffff;"></span>                                
 </td>
                                                              
 </tr>
                                                              
 <tr align="center">
                                                              
 <td valign="top">
                                                              
 <div align="center">
                                <img src="http://i35.servimg.com/u/f35/19/12/38/89/tabell13.png" />                                
 </div>
                                                              
 <p>
                                <span style="font-size: 10px;"><span style="color: rgb(255, 255, 255);">Es sind noch immer Serien-Charaktere zu vergeben.Wer ist am dringendsten gesucht: </span></span>                                
 <marquee style="color: rgb(255, 255, 255);">
                                | Liz Forbes | Matt Donovan | Shila Bennett | Alaric |  Kol | Silas  | Tyler | Jenna |  Mason  |  Enzo  |  Elijah |                    
 </marquee><span style="font-size: 10px;"><span style="color: #ffffff">Weitere Charaktere findet ihr hier in <a href="http://damon1864inlove.forumieren.com/t43-seriencharakter">Wanted & Unwanted</a></span></span>                                
 </p>
                                                              
 <p>
                                                              
 </p>
                                                              
 </td>
                                                              
 <td valign="top">
                                                              
 <div align="center">
                                <img src="http://i35.servimg.com/u/f35/19/12/38/89/tabell14.png" />                                
 </div><br /><span style="color: #ffffff;"></span>                                
 <ul style="color: rgb(255, 255, 255);">
                                                              
 <li>
                                <span style="font-size: 10px;">neue Plots in Arbeit             </span>                  
 </li><span style="font-size: 10px;">                         </span>                  
 <li>
                   <span style="font-size: 10px;">             neue Charaktere können wieder beworben werden</span>                                
 </li>
                                                              
 </ul><span style="color: #ffffff;"></span>                                
 </td>
                                                              
 <td valign="top">
                                                              
 <div align="center">
                                <img src="http://i35.servimg.com/u/f35/19/12/38/89/tabell15.png" />                                
 </div><br />                                
 <div style="overflow: auto; height: 100px; text-align: justify;">
                                <span style="font-size: 10px;"><span style="color: #ffffff;"> <span style="color: #ff0000;">Uhrzeit:8:00-12:00Uhr</span> Die Bewohner von Mystic Falls, sollten nun so langsam aus ihren Betten krabbeln und ihren Beschäftigungen nach gehen. Alle Schüler wählen bitte ein Wahlfplichtfach aus. >>Siehe hier im Stundenplan<<die span="" statt.<="" sportplatz="" dem="" auf="" findet="" cheerleading="" das="" lernen.="" und="" begeben="" klassen="" ihre="" in="" sich="" sollten="" schüler=""> </die></span>            </span>                  
 <p style="color: rgb(255, 255, 255);">
                   <span style="font-size: 10px;">             Vampire und Werwölfe bleiben unerkannt unter den Menschen der Stadt.</span>                                
 </p><span style="color: #ffffff;"><die span="" statt.<="" sportplatz="" dem="" auf="" findet="" cheerleading="" das="" lernen.="" und="" begeben="" klassen="" ihre="" in="" sich="" sollten="" schüler=""><span style="color: #ffffff;"></span> </die></span>                              
 <p style="color: rgb(255, 255, 255);">
                                                              
 </p><span style="color: #ffffff;"><die span="" statt.<="" sportplatz="" dem="" auf="" findet="" cheerleading="" das="" lernen.="" und="" begeben="" klassen="" ihre="" in="" sich="" sollten="" schüler=""><span style="color: #ffffff;"></span> </die></span>                              
 </div>
                                                              
 </td>
                                                              
 </tr>
                                                              
 </tbody>
</table>
        
<div style="margin:auto;text-align:center;width:100%">
                                                                    
 <table align="center">
                                              
 <tbody>
                                              
 <tr>
                                              
 <td>
                        <iframe src="http://www.youtube.com/embed/cvW4-j6HiIk" allowfullscreen="" style="width: 560px; height: 315px;" frameborder="0"> </iframe>                        
 </td>
                                              
 <td>
                            <script type="text/javascript">
/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/
var trailimage=["http://i46.tinypic.com/2ep0j2f.png", 70,70] //image path, plus width and height
var offsetfrommouse=[6,4] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0 //duration in seconds image should remain visible. 0 for always.
if (document.getElementById || document.all)
document.write('<div id="trailimageid"style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px" alt=""></div>')
function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}
function truebody(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}
function hidetrail(){
gettrailobj().visibility="hidden"
document.onmousemove=""
}
function followmouse(e){
var xcoord=offsetfrommouse[0]
var ycoord=offsetfrommouse[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth :
pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) :
Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
gettrailobj().display="none"
else
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}
document.onmousemove=followmouse
if (displayduration>0)
setTimeout("hidetrail()", displayduration*1000)
</script><style>.kastenmain { background-image: url('http://'); height: 400px; width: 425px; position: relative; overflow: hidden; }.kastenname { position: absolute; top: 15px; left: 15px; width: 385px; background-color: rgba(50,50,50,0.7); font-family: playfair display; color: #f1f1f1; font-size: 20px; text-align: left; text-transform: lowercase; padding: 8px 5px 5px 5px; font-style: italic; }.kastensub { font-family: courier new; font-size: 10px; text-transform: uppercase; text-align: left; color: #f5f5f5; margin-top: -3px; }.kastentext { position: absolute; bottom: -705px; left: 15px; padding: 15px; width: 365px; height: 380px; background-color: rgba(255,255,255,0.9); font-family: calibri; font-size: 10px; line-height: 11px; text-align: justify; color: #454545; overflow: auto;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .kastenmain:hover .kastentext { position: absolute; bottom: 15px; left: 15px;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }.kastentext::-webkit-scrollbar {width: 05px;}.kastentext::-webkit-scrollbar-track {background-color: #fafafa;}.kastentext::-webkit-scrollbar-thumb {background-color: #ffffff;}.kastentite { font-family: playfair display; font-size: 13px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 2px solid #ffffff; text-transform: uppercase; }</style><link href="" rel="stylesheet" type="text/css" />                                        
 <div class="kastenmain">
                                                                                                                  
 <div class="kastenname">
                                                                                                                  
 <div class="kastensub">
                                                                                                                  
 </div>
                                                                                                                  
 </div>
                                                                                                                  
 <div class="kastentext" _moz_activated="">
                                                                                                                  
 <div class="kastentite">
                         <br />                                                                                      
 </div>
                                                           <em><img alt="" src="http://i62.tinypic.com/dqsolc.gif" border="0" /><br />Damon:I've been in love. It's painful, pointless and overrated. <br />    "If you're gonna be bad, be bad with a purpose. Otherwise, you're just not worth forgiving."</em> <br /><strong>"I would tell Elena how much I love her. And then apologize for killing you."</strong><br />  I happen to like my old sadistic self? <br /><br /> <strong></strong>Stefan: Come on Damon, you're better than this.Damon: On the contrary brother, I'm better like this.   <strong></strong> !!! <strong></strong>  <strong></strong> <strong></strong>                                                          
 <p>
                                                                                                                  
 </p>
                                                                                                                  
 <div class="kastentite">
                                                                                                                  
 </div>
                                                                                                                    
 <p>
                                                                                                                  
 </p>
                                                                                                                  
 <div class="kastentite">
                                                                                                                
 </div>
                                                           <a class="postlink" href="http://" target="_blank" rel="nofollow"></a> <a class="postlink" href="http://" target="_blank" rel="nofollow"></a> <a href="http://=" target="_blank" rel="nofollow" postlink"=""></a> <a class="postlink" href="" target="_blank" rel="nofollow"><img alt="" src="http://" border="0" /></a> <dl class="codebox"><dt></dt><span class="genmed"></span><strong></strong><dd class=""></dd></dl>                                                          
 <div class="cont_code">
                                                                                                                  
 </div><dl class="codebox"><dd class=""></dd></dl>                                                          
 </div>
                                                                                                                  
 </div>
                                                                                  
 <div style="text-align: center;font-size: 9px; font-family: playfair display; text-transform: uppercase; letter-spacing: 1px; color: #fafafa;">
                                                                                                                    
 </div>
                                                                                
 </td>
                                              
 </tr>
                                              
 </tbody>
                                              
 </table><br />
</div>

Ich muss noch dazu sagen , dass ich die Tabelle nicht selbst gemacht habe, sie wurde von einem meiner Co. Admins erstellt.

Damonbite
Neuling
Neuling

Beiträge : 37
Anmeldedatum : 13.12.11

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von inde am Fr 8 Jul 2016 - 20:09

@inde schrieb:Falls ja, dann ergänze bitte in Deinem Eingangspost über Edit auch noch den entsprechenden Präfix [phpBB2]!
Schön wäre es ja auch wenn Du ein wenig mitarbeiten würdest.
1. Den Titel verändern!
2. In der Nachricht auf der Startseite eingesetzt?


Dein Co-Admin bekommt solche Tabellen gebastelt und bekommt nicht einmal eine Klasse um die Tabelle? Das wundert mich schon sehr.
Hast Du auch schon eine Grafik die dann darüber erscheinen soll?

LG inde

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von Damonbite am Fr 8 Jul 2016 - 20:30

ich habe sofort hinter dem Link in dem Eingangspost [phpBB2]  eingefügt !!!!
Sorry , ich weiß jetzt nicht was du mit 1. Den Titel verändern!
2. In der Nachricht auf der Startseite eingesetzt?  meinst .
Über das Bild wollte ich mir gedanken machen , wenn ich weiß wie man es einsetzt.

Dann zu der Tabelle die mein Co. Admin gebastelt hat. Was meinst du mit Klasse ?
Mir ist aufgefallen , dass ein Link fehlte zu den Stundenplänen.

Damonbite
Neuling
Neuling

Beiträge : 37
Anmeldedatum : 13.12.11

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von inde am Fr 8 Jul 2016 - 21:04

@Damonbite schrieb:ich habe sofort hinter dem Link in dem Eingangspost [phpBB2]  eingefügt !!!!
Sorry , ich weiß jetzt nicht was du mit 1. Den Titel verändern!

@Damonbite schrieb:2. In der Nachricht auf der Startseite eingesetzt?  meinst .
Wo wurde der Code im Forum eingesetzt???

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von Damonbite am Fr 8 Jul 2016 - 21:35

Der Code wurde bei Anzeige / Allgemeines / Nachricht auf der Startseite eingesetzt.

Damonbite
Neuling
Neuling

Beiträge : 37
Anmeldedatum : 13.12.11

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von inde am Fr 8 Jul 2016 - 21:53

Genau das wollte ich wissen und hatte auch bereits danach gefragt.
Für normal ist es ein Leichtes so etwas umzusetzen, jedoch durch die Vielzahl an Animationen in Deiner Tabelle kommt es zu Störungen die selbst eine gute Grafikkarte nicht verkraftet. Vielleicht überarbeitest Du einmal Deine Tabelle, sodass dort keine Animationen drinnen sind dann sollte es auch funktionieren.

Anschauen kannst Du es Dir einmal hier, das ist wie bereits erwähnt durch Deine Animationen ein einziges Geflacker beim Mouseover.

LG inde

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von Damonbite am Sa 9 Jul 2016 - 9:21

Ich werde mal sehen was ich in der Tabelle ändern kann. Aber hattest du mir denn schon erklärt wie man denn nun diesen Mouseover Effekt hinbekommt ? Wenn es so leicht ist , bekommen ich es dann später hoffentlich auch hin. Probieren kann ich es doch mal . Ich kann das Video eventuell veschieben .


LG.

Damonbite
Neuling
Neuling

Beiträge : 37
Anmeldedatum : 13.12.11

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von inde am Sa 9 Jul 2016 - 14:00

Also sowie Du Deine Tabelle gestaltet hast wird das alles nichts. Unter anderem fehlen zu ladende Schriftarten und noch vieles mehr ist dort im Argen.
Ich habe das jetzt einmal mit einer einfachen Tabelle, ein wenig Text sowie ein paar Links in der Tabelle umgesetzt.
Anschauen kannst Du Dir das gerne hier.

Wenn Du meinst Du kommst mit dem Code und der Tabelle bereits alleine zurecht, dann nur zu.
Klick:

Code:
<style type="text/css">
#tabelle {
    background: #dedede none repeat scroll 0 0;
    height: 300px;
    opacity: 0;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
#tabelle:hover {
    opacity: 1;
}
#grafik {
    background: #000000 url("http://www.abload.de/img/sucksm5cfq.gif") no-repeat scroll 50% 50%;
    height: 300px;
    margin-bottom: -300px;
}
</style>
<div id="grafik">
</div>
<div id="tabelle">
 
 <table style="width: 50%;" border="1" cellpadding="2">
  
 <tbody>
  
 <tr>
  
 <td>
 Tabelle mit samt dem Inhalt<br />und einem <a href="http://hilfe.forumieren.com/forum">Link.</a>
 </td>
  
 <td>
 Tabelle mit samt dem Inhalt<br />und einem <a href="http://hilfe.forumieren.com/forum">Link.</a>
 </td>
  
 </tr>
  
 <tr>
  
 <td>
 Tabelle mit samt dem Inhalt<br />und einem <a href="http://hilfe.forumieren.com/forum">Link.</a>
 </td>
  
 <td>
 Tabelle mit samt dem Inhalt<br />und einem <a href="http://hilfe.forumieren.com/forum">Link.</a>
 </td>
  
 </tr>
  
 <tr>
  
 <td>
 Tabelle mit samt dem Inhalt<br />und einem <a href="http://hilfe.forumieren.com/forum">Link.</a>
 </td>
  
 <td>
 Tabelle mit samt dem Inhalt<br />und einem <a href="http://hilfe.forumieren.com/forum">Link.</a>
 </td>
  
 </tr>
  
 </tbody>
 
 </table>
</div>
Ich habe im CSS ganz bewusst mit Opacity (Transparenz) und nicht mit Visibilty (Ein/Ausblenden) gearbeitet da ich persönlich den Überblendeffekt so als besser empfinde. Achte bitte bei Deinen Änderungen auch auf die Höhenangaben der Container innerhalb des CSS, diese solltest Du dann einmal mit einem Debugger o.ä. vorher ausmessen.

Eines möchte ich noch hinzufügen, an der von Dir angeführten Tabelle nehme ich keinerlei Änderungen vor. Solch ein Durcheinander fasse ich definitiv nicht an, das ist nicht unsere Aufgabe!

Ist das Thema dann soweit durch bzw. kommst Du damit zurecht?

LG inde

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von Damonbite am Sa 9 Jul 2016 - 18:42

So sieht das super aus und genau so hätte ich das auch gerne. Nur muss das Bild nicht so groß sein , sondern halt nur so groß wie die Tabelle.
Ich kenne mich mit Codes nicht aus , hatte ich glaube ich auch schon mal erwähnt , deswegen habe ich die Tabelle auch nicht selbst gemacht in dem Forum wo ich diesen Effekt einbauen möchte.
Den Code den Du mir hier geschickt hast , was muss ich daran noch genau ändern damit er bei mir passt und wo setzte ich später dann den Link für das Bild ein welches verschwinden soll ? Auch wüßte ich gerne wo genau ich diesen Code dann hinterher genau einsetzen muss .
Danke für die Hilfe .

LG

Damonbite
Neuling
Neuling

Beiträge : 37
Anmeldedatum : 13.12.11

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von inde am Sa 9 Jul 2016 - 18:59

Nein, ich werde Dir das nicht fertig machen! Wenn Du es selbst nicht kannst, dann ist das eben so.

All das wird in der Nachricht auf der Startseite wie bisher auch eingesetzt.
Schaue Dir den Code Code einmal etwas genauer an, dort ist im CSS lediglich ein Grafiklink hinterlegt und dort steht auch noch zusätzlich "#grafik" davor. Auch brauchst Du dort nur die Höhenangabe (300px) sowie den Abstand (-300px) parallel verändern. Dann noch die Höhe bei "#tabelle" (300px) verändern.
Ab "<table style=" bis "</table>" kommt dann Dein Inhalt bzw. die Tabelle hinein.

So und nun ist aber auch genug mit der Unterstützung, eigne Dir bitte entsprechende Kenntnisse an um solche Änderungen vorzunehmen, denn wir sind dafür nicht zuständig und noch ausführlicher kann ich es beim Besten Willen auch nicht mehr erklären.

Hier noch ein Lesetipp von mir.

LG inde

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von Damonbite am So 10 Jul 2016 - 15:34

OK Danke Dir , dann frage ich mich warum anderen hier geholfen wird. Ich sagte auch nicht das du in das Forum kommen sollst um das alles "fertig zu machen. Ich habe hier schon gesehen das anderen Codes gemacht werden und dann dazu geschrieben wird "hier bitte einsetzen" , ich dachte dazu ist dieses Hilfe Forum da . Dachte ich zumindest. OK, da habe ich mich wohl geirrt und wenn jeder alles selbst könnte dann bräuchte man so ein HILFE Forum nicht . Oder irre ich mich da ????? Aber wenn DU sagt hier bekommen nur Leute Hilfe die alles schon selber können , OK.
Du kannst das dann schließen. Wenn du keine Lust hast hier anderen zur Seite zu stehen die eine Frage haben und sich in diesen Dingen nicht auskennen und NEU sind , dann weiß ich echt nicht warum du hier so einen Posten angenommen hast .
Du kannst das hier schließen.

Damonbite
Neuling
Neuling

Beiträge : 37
Anmeldedatum : 13.12.11

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Bild über die Tabelle legen , welches unsichtbar werden soll

Beitrag von inde am So 10 Jul 2016 - 16:13

Bitte.

@Damonbite schrieb:Aber wenn DU sagt hier bekommen nur Leute Hilfe die alles schon selber können , OK.
Das habe ich ganz bestimmt nirgendwo gesagt bzw. geschrieben! Auch liebe ich solche Unterstellungen ganz und gar nicht!

@Damonbite schrieb:Wenn du keine Lust hast hier anderen zur Seite zu stehen die eine Frage haben und sich in diesen Dingen nicht auskennen und NEU sind , dann weiß ich echt nicht warum du hier so einen Posten angenommen hast .
Schreiben kannst Du, aber mit dem Lesen scheint es leider immer noch nicht zu funktionieren.
Wo der Code eingefügt wird steht hier und den Code selbst findest Du hier.

Was man Dir noch auf dem Silbertablett servieren muss um Dich zufrieden zu stellen weiß ich leider auch nicht. Rolling Eyes

Meine Freizeit kann ich auch anders gestalten und wenn Du meinen "Posten" haben möchtest dann bewerbe Dich entsprechend. Aber sei gewarnt es ist unentgeltlich und mitunter bei einigen Usern auch sehr anstrengend. Wink  Laughing

Da die Eingangsfrage hiermit beantwortet wurde schließe ich hier, auch wenn der User nicht in der Lage ist einfach zu lesen um das Thema umzusetzen. Thema erledigt

LG inde

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten