Prezentacja o dużej szerokości, przesuwane ramki (1 ramka i więcej)

Witam! :D Przepraszam, że tak późno :/
Mam kolejną profilową prezentację na dużą szerokość ;) Dla odmiany z cytatem z "Makbeta" (coś dla miłośników literatury Shakespeare'a) ;)







1 ramka:

<div style="background:url('https://images.tinypic.pl/i/00987/enliu13n8f9c.png');width:930px;height:522px;overflow:auto;margin-top:0px;margin-left:0px;"> <div style="width:114px;height:30px;margin-top:18px;margin-left:23px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:114px;height:30px;margin-top:-30px;margin-left:198px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:114px;height:30px;margin-top:-30px;margin-left:373px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:480px;height:462px;margin-top:10px;margin-left:2px;overflow:auto;font-family:'Verdana';font-size:12px;color:#654c8d;text-align:center;letter-spacing:1px;"> TEKST</div> </div>
  2 ramka:

<div style="background:url('https://images.tinypic.pl/i/00987/enliu13n8f9c.png');width:930px;height:522px;overflow:auto;margin-top:0px;margin-left:0px;"> <div style="width:114px;height:30px;margin-top:18px;margin-left:23px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:114px;height:30px;margin-top:-30px;margin-left:198px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:114px;height:30px;margin-top:-30px;margin-left:373px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:480px;height:462px;margin-top:10px;margin-left:2px;overflow:auto;font-family:'Verdana';font-size:12px;color:#654c8d;text-align:center;letter-spacing:1px;"> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="width:400px;height:36px;overflow:auto;margin-top:1px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;text-align:center;letter-spacing:1px;"> </div> </div> </div>
  3 ramki:

<div style="background:url('https://images.tinypic.pl/i/00987/enliu13n8f9c.png');width:930px;height:522px;overflow:auto;margin-top:0px;margin-left:0px;"> <div style="width:114px;height:30px;margin-top:18px;margin-left:23px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:114px;height:30px;margin-top:-30px;margin-left:198px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:114px;height:30px;margin-top:-30px;margin-left:373px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:480px;height:462px;margin-top:10px;margin-left:2px;overflow:auto;font-family:'Verdana';font-size:12px;color:#654c8d;text-align:center;letter-spacing:1px;"> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="width:400px;height:36px;overflow:auto;margin-top:1px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;text-align:center;letter-spacing:1px;"> </div> </div> </div>
  4 ramki:

<div style="background:url('https://images.tinypic.pl/i/00987/enliu13n8f9c.png');width:930px;height:522px;overflow:auto;margin-top:0px;margin-left:0px;"> <div style="width:114px;height:30px;margin-top:18px;margin-left:23px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:114px;height:30px;margin-top:-30px;margin-left:198px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:114px;height:30px;margin-top:-30px;margin-left:373px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:480px;height:462px;margin-top:10px;margin-left:2px;overflow:auto;font-family:'Verdana';font-size:12px;color:#654c8d;text-align:center;letter-spacing:1px;"> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="width:400px;height:36px;overflow:auto;margin-top:1px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;text-align:center;letter-spacing:1px;"> </div> </div> </div>
  5 ramek:

<div style="background:url('https://images.tinypic.pl/i/00987/enliu13n8f9c.png');width:930px;height:522px;overflow:auto;margin-top:0px;margin-left:0px;"> <div style="width:114px;height:30px;margin-top:18px;margin-left:23px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:114px;height:30px;margin-top:-30px;margin-left:198px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:114px;height:30px;margin-top:-30px;margin-left:373px;overflow:auto;font-family:'Verdana';font-size:15px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> TEKST</div> <div style="width:480px;height:462px;margin-top:10px;margin-left:2px;overflow:auto;font-family:'Verdana';font-size:12px;color:#654c8d;text-align:center;letter-spacing:1px;"> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="background-color:#654c8d;border:1px solid #000000;width:400px;height:auto;overflow:auto;margin-top:37px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;color:#fdd8a4;text-align:center;letter-spacing:1px;"> <u>Nagłówek</u><br>TEKST</div> <div style="width:400px;height:36px;overflow:auto;margin-top:1px;margin-left:16px;padding:15px;font-family:'Century Gothic';line-height:15px;font-size:14px;text-align:center;letter-spacing:1px;"> </div> </div> </div>

Czy Wy też lubicie połączenie fioletu z bardzo jasnym pomarańczem?

Irene46958