Menü

  Login

  Shoutbox

  Forum » Fragen zu Ilch » Andere Dinge » Lastnews Box in der index.php


Lastnews Box in der index.php
|O|Dess
Grünschnabel

User Pic

Posts: 10
# 29.10.2013 - 19:24:42
    zitieren



Hi Mairu,

bin am verzweifeln !

Ich versuche auf meiner Seite eine lastnews Box zu plazieren..An dieser Stelle war aber auch noch nie was..Also eine neue Box mit lastnews Abfrage...Wie mache ich das ?

Sie soll zwischen dem Grünen verblassten Rechteck unter der Meu Navi plaziert werden..
Ganz unten zum Schluss meiner HP wird dies mit Lastforum und Partner angezeigt,,
Ich möchte die Lastnews aber in diesem Rechteck oben haben..Ich weis auch nicht wie der code dafür lautet..

Meine Seite

MfG


Zuletzt modifiziert von |O|Dess am 29.10.2013 - 19:25:33
Mairu
Administrator

User Pic

Posts: 1908
# 30.10.2013 - 08:52:07
    zitieren



Ich sehe nur einen Kasten, der auf eine Zeile beschränkt ist.
Meinst du, sie soll als Ticker da durchlaufen?


Zuletzt modifiziert von Mairu am 30.10.2013 - 08:52:41
|O|Dess
Grünschnabel

User Pic

Posts: 10
# 30.10.2013 - 11:07:19
    zitieren



Nein als Box soll sie da hin..In dem grossen Rechteck unter dare Navigation...
Da muss ich eine Box einbauen..Ich kann dir meine idex.php schicken wenn das weiter hilft?
Ich kann doch Zeilen hinzu fügen oder nicht?Ich habe die Index.php im html Editor geladen. Dank des updates kann man sie da wunderbar umbauen ,wenns nötig ist..Zeilen hinzu fügen zum beispiel..Nur ich kenne mich damit überhaupt nicht aus..Wenn du sagst wie ich was machen müsste würde ich es dann hin bekommen..Normalerweise müsste ich doch nur eine Zeile unter der Navi hinzu fügen und sie mit Grösse und breite füttern...Eine Hintergrundgrafig basteln und sie im images Ordner hoch laden...Nur ich weis den code nicht den man dazu benötigt..Es soll in dieser Box oben links anfangen die letzten News an zu zeigen...


Zuletzt modifiziert von |O|Dess am 30.10.2013 - 12:36:25
Mairu
Administrator

User Pic

Posts: 1908
# 31.10.2013 - 10:26:33
    zitieren



Also die index.htm ist recht unordentlich.
Ich hab jetzt mal versucht den Teil, der über dem Content ist, als div Container aufzulösen, das würde für dich folgenden index.htm ergeben.

Ab Zeile 235 bis Zeile 253 ist neu. (vorher ging der Teil bis Zeile 266)
 HTML
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>

    <meta http-equiv="Content-Language" content="de">
    <title>[HazE] MGaming</title>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <meta name="Robots" content="INDEX,FOLLOW">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
   <meta name="Robots" content="archive">
   <link rel="stylesheet" type="text/css" href="include/designs/HazeClan/style.css">
   <style type="text/css">
#droenudiv{
position:absolute;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
z-index:100;
}

#droenudiv a{
border-right:1px #A2A192 solid;
border-bottom:1px #A2A192 solid;
border-top:1px #C7C5B3 solid;
border-left:1px #C7C5B3 solid;
height:20px;
line-height:20px;
width:156px;
padding-left:2px;
background-color:#B6B5A4;
color: #000000;
font-size: 13px;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: normal;
float:left;
text-align:left;
text-decoration: none;
}

#droenudiv a:hover{ /*hover background color*/
border-right:2px #ffffff solid;
color: #ffffff;
font-size: 13px;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: normal;
background-color: #777369;
width:156px;
}
</style>


<script type="text/javascript">

//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href="index.php">:: Home</a>'
menu1[1]='<a href="index.php?news">:: News</a>'
menu1[2]='<a href="index.php?forum">:: Forum</a>'

//Contents for menu 2
var menu2=new Array()
menu2[0]='<a href="index.php?user">:: Mitglieder</a>'
menu2[1]='<a href="index.php?gbook">:: Gästebuch</a>'

//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href="index.php?downloads">:: Downloads</a>'
menu3[1]='<a href="index.php?gallery">:: Gallery</a>'
menu3[2]='<a href="index.php?links">:: Links</a>'
menu3[3]='<a href="index.php?linkus">:: Link US</a>'
menu3[4]='<a href="index.php?awards">:: Awards</a>'

//Contents for menu 4
var menu4=new Array()
menu4[0]='<a href="index.php?history">:: History</a>'
menu4[1]='<a href="index.php?rules">:: Regeln</a>'
menu4[2]='<a href="index.php?teams">:: Teams</a>'
menu4[3]='<a href="index.php?wars">:: Wars</a>'
menu4[4]='<a href="index.php?joinus">:: Joinus</a>'
menu4[5]='<a href="index.php?fightus">:: Fightus</a>'

//Contents for menu 5
var menu5=new Array()
menu5[0]='<a href="index.php?contact">:: Kontakt</a>'
menu5[1]='<a href="index.php?impressum">:: Impressum</a>'

//Contents for menu 6
var menu6=new Array()
menu6[0]='<a href="index.php?esl">:: </a>'

//Contents for menu 7
var menu7=new Array()
menu7[0]='<a href="http://steamcommunity.com/groups/hazeramzentralenlimit">:: HazE Steamgruppe </a>'


   
var menuwidth='' //menu width
var menubgcolor=''  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="droenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
droenuobj.style.left=droenuobj.style.top="-500px"
if (menuwidth!=""){
droenuobj.widthobj=droenuobj.style
droenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
droenuobj.contentmeasure=droenuobj.offsetWidth
if (windowedge-droenuobj.x < droenuobj.contentmeasure)
edgeoffset=droenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset

var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
droenuobj.contentmeasure=droenuobj.offsetHeight
if (windowedge-droenuobj.y < droenuobj.contentmeasure){ //move up?
edgeoffset=droenuobj.contentmeasure+obj.offsetHeight
if ((droenuobj.y-topedge)<droenuobj.contentmeasure) //up no good either?
edgeoffset=droenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
droenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
droenuobj=document.getElementById? document.getElementById("droenudiv") : droenudiv
populatemenu(menucontents)





if (ie4||ns6){
showhide(droenuobj.style, e, "visible", "hidden", menuwidth)
droenuobj.x=getposOffset(obj, "left")
droenuobj.y=getposOffset(obj, "top")
droenuobj.style.left=droenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
droenuobj.style.top=droenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!droenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof droenuobj!="undefined"){
if (ie4||ns6)
droenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

</script>

   <script type="text/javascript" src="include/includes/js/jquery.min.js"></script>
       
</head>
<body>
<table class="maintable_top" cellpadding="0" cellspacing="0">
   <tr>
      <td valign="top" style="width:1000px; height:228px;background:url(include/designs/HazeClan/images/header.jpg);">
</td>      
   </tr>
</table>
<div id="topbox">
    <div class="leftBox">
        <div id="topmenu">
           <a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '100px')" onMouseout="delayhidemenu()">Navigation</a>                                     
          <a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '100px')" onMouseout="delayhidemenu()">Interaktiv</a>
          <a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '100px')" onMouseout="delayhidemenu()">Media</a>
          <a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '100px')" onMouseout="delayhidemenu()">Clanmenu</a>
          <a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '100px')" onMouseout="delayhidemenu()">Kontakt</a>
          <a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu6, '100px')" onMouseout="delayhidemenu()">ESL</a>
          <a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu7, '100px')" onMouseout="delayhidemenu()">HazE Steamgruppe</a>   
        </div>
        <div class="lower">{_boxes_lastnews}</div>
    </div>
    <div class="rightBox">
    {_boxes_cfx-31-slider_gruen}
    </div>

</div> 
   
<table class="maintable_top" cellpadding="0" cellspacing="0">
    <tr>
   <!--navi01-->

   <td align="left" valign="top">
           <table cellspacing="0" cellpadding="0">
            {_list_menunr1@
            <tr>
               <td width="180" height="43" style="background:url(include/designs/HazeClan/images/navtop.jpg);">

                   <table width="180">
                            <tr>
                         <td width="180" class="navtop">
%1</td>
                      </tr>
                   </table>
               </td>
            </tr>
            <tr>
               <td style="width:180px; background:url(include/designs/HazeClan/images/navbox_bg.jpg);" >

                   <table width="180" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                   <td width="17" align="center" >
</td>
                  <td width="146" align="center" class="navi_re"><div id="menu">%2</div></td>
                  <td width="17" align="center" ></td>
               </tr>
                   </table>
               </td>
            </tr>
            <tr>
               <td style="width:180px; height:32px; background:url(include/designs/HazeClan/images/navfoot.jpg);">
</td>
            }
            </tr>
         </table>   
   </td>
   
<!--content-->
   <td valign="top" style="width:100%";>
            <table cellspacing="0" cellpadding="0">
               <tr>
      <td><img border="0" alt="" height="30" width="610" src="include/designs/HazeClan/images/box1.jpg" />
</td>
      
                  
               </tr>
            </table>
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
               <tr>
                  <td style="background:url(include/designs/HazeClan/images/004.jpg)";>
<img border="0" width="2" height="1" alt="" src="include/designs/HazeClan/images/blank.gif" /></td>
                  <td valign="top" style="width:100%; background:url(include/designs/HazeClan/images/005.jpg);"  class="Callg"><font class="smalfont"><b> &raquo; </b>{HMENU}</font><br /><br />{EXPLODE}</td>
                  <td style="background:url(include/designs/HazeClan/images/006.jpg)";><img border="0" width="2" height="1" alt="" src="include/designs/ilch_gs_template134/images/blank.gif" /></td>
               </tr>
            </table>
            <table cellspacing="0" cellpadding="0">
               <tr>
                  <td><img border="0" alt="" height="32" width="40" src="include/designs/HazeClan/images/007.jpg" />
</td>
                  <td style="background:url(include/designs/HazeClan/images/008.jpg); width:100%; height:32px";><img border="0" width="1" height="32" alt="" src="include/designs/HazeClan/images/blank.gif" /></td>
                  <td><img border="0" alt="" height="32" width="185" src="include/designs/HazeClan/images/009.jpg" /></td>
               </tr>
            </table>
   </td>
   <!--navi02-->
   <td align="left" valign="top">
        <table width="200" border="0" cellspacing="0" cellpadding="0">
         {_list_menunr2@
         <tr>
            <td width="200" height="43" style="background:url(include/designs/HazeClan/images/navtop_re.jpg);">

            <table width="200">
                    <tr>
                  <td width="200" class="navtop_re">
%1</td>
               </tr>
            </table>
         </td>
        </tr>
        <tr>
         <td>
            <table style="width:200px; background:url(include/designs/HazeClan/images/navbox_bg_re.jpg);" cellspacing="0" cellpadding="0">

                    <tr>
                   <td width="5" align="center" >
</td>
                  <td width="190" align="center" class="navi_re"><div id="menu_re">%2</div></td>
                  <td width="5" align="center" ></td>
               </tr>
            </table>
         </td>
        </tr>
      <tr>
             <td style="width:200px; height:26px; background:url(include/designs/HazeClan/images/navfoot_re.jpg);">
</td>
          }
         </tr>
      </table>
   </td>
    </tr>
</table>
<div id="footer">
<div id="footer_inner">
<div id="column1">
   <h2>Lastnews</h2>
   <div style="padding-left:2px;">{_boxes_lastnews}</div>
   <br />
   </div>
<div id="column2">
   <h2>Lastforum</h2>
   <div style="padding-left:2px;">{_boxes_lastforum}</div>
   <br />
   </div>
<div id="column3">
   <h2>Partner</h2>
   <div style="padding-left:2px;">{_boxes_allianz}</div>
        <br />

          </div>
<div id="column4">
   <h2>Info</h2>
   {_boxes_statistik}<br />
   Script Copyright by <a href="http://www.ilch.de/" target="_blank">ilch.de</a>
   <br />
   
     Gruss das |<a href="http://haze-gaming.eu" target="_blank">[HazE] Clan Team</a> <br />
<br />
   </div>
   <div class="clr"></div>

</div>
</div>
</body>
   
<div id="login_slider" class="login_slider" style=" right: 0px; width: 70px; position: fixed; top: 100px;
background:url(/include/images/tsslider/slider-black.png) repeat scroll 0% 0% transparent; height: 500px; z-index: 999;"
>

             
<div style=" margin-top:20px; margin-left:80px; text-align:left; height: 450px; overflow:auto; overflow-x: hidden";;;>
      {_boxes_tsviewer}
      </div>
      </div>
  <script type="text/javascript">
  var state = 0;
  var wait = false;

  function changeSlider()
  {
    if(state==1){
        $('#login_slider').animate({width: 70 }, "slow", function(){state = 0;}
        );
      }
    else
        $('#login_slider').animate({width: 300 }, "slow", function(){state = 1;}
      );
      }
      $('#login_slider').click(function(){
      changeSlider();
    });
     
</script>




</html>
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
{_list_vmenubegi@<ul>}
{_list_vmenuende@</ul>}


Dazu müsstest du noch folgende css Code in deine style.css einfügen

 CSS
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
 #topbox {
   height: 190px;
   background: url('images/menu.jpg') no-repeat;
   width: 1000px;
   margin: auto;
}
#topbox > div {
    float: left;
    height: 100%;
    margin: 0;
}
#topmenu {
    height: 30px;
    padding-top: 20px;
    float: none;
}
#topbox .leftBox {
    width: 617px;
}
#topbox .leftBox .lower {
    height: 110px;
    color: #DDF0DE;
    padding: 20px 0 0 30px;
}
#topbox .leftBox .lower a {
    color: #BDA989;
    font-size: 13px;
    text-decoration: none;
}
#topbox .rightBox {
    width: 383px;
   background: url('images/cfx-31-slider_box.png') no-repeat;
}


Da ich es bei mir lokal leider nicht 100% testen kann, sollte das noch nicht das perfekte Ergebnis erzielen. Aber es ist ein Anfang, mit dem du etwas anfangen können solltest.