ilch Forum » Ilch Clan 1.1 » Allgemein » 2 Fragen über Ticker und design

Geschlossen
  1. #1
    User Pic
    Shoutala Mitglied
    Registriert seit
    24.08.2010
    Beiträge
    135
    Beitragswertungen
    1 Beitragspunkte
    Huhu,

    diesmal habe ich mehrere fragen lächeln

    Erste frage:

    wie bekomm ich das so hin, das der Text in der mitte vom ticker angezeigt wird ? Breite vom Background Bild ist 980px und höhe 25px

    Hier mal das was in der css steht:

    #ticker {
      background-image:url('img/top2.gif');
      background-repeat:no-repeat;
      height: 25px;
      width: 980px;
    }


    index.htm:

    <div id="ticker">{_boxes_TICKER}</div>


    Wenn ich die schrift kleiner mach, wird sie zwar kleiner aber ist nicht genau im Weißen bereich Siehe Bild weiter unten

    Zweite frage: Wie kann ich es so begrenzen das nichts am äußeren rand kommt ?

    siehe Bild

    gesperrtes Bild

    Wäre für eure hilfe dankbar lächeln
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.622
    Beitragswertungen
    1192 Beitragspunkte
    Die Stichworte sind: text-align, padding, margin!
    rules :: doku :: faq :: linkus
    1 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Zebo Mitglied
    Registriert seit
    02.10.2010
    Beiträge
    9
    Beitragswertungen
    1 Beitragspunkte
    text-align ist bei einem Ticker doch so ziemlich Wurscht.

    #ticker {
    background-image:url('img/top2.gif');
    background-repeat:no-repeat;
    height: 25px;
    width: 980px;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 23px;
    vertical-align: middle;
    }


    Probiers mal mit dem dann sollts gehn.

    Edit://
    Hast du den Ticker mit <marquee></marquee> gemacht oder anders?


    Zuletzt modifiziert von Zebo am 06.10.2010 - 00:42:02
    1 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Shoutala Mitglied
    Registriert seit
    24.08.2010
    Beiträge
    135
    Beitragswertungen
    1 Beitragspunkte
    Funktioniert soweit wunderbar danke. Links verschwindet der Text an der passenden stelle. Wenn aber der Text von rechts kommt, geht er immernoch über den Rahmen wie es auf dem bild oben ist.

    Und nein, der ticker läuft ohne <marquee>
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Zebo Mitglied
    Registriert seit
    02.10.2010
    Beiträge
    9
    Beitragswertungen
    1 Beitragspunkte
    ZitatZitat geschrieben von Shoutala
    Wenn aber der Text von rechts kommt, geht er immernoch über den Rahmen wie es auf dem bild oben ist.<marquee>


    setzte width mal auf auto und schau was passiert.
    Fals das nicht geht dann setzte die breite auf 950px.

    Gruß Zebo
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    pfuibaeh Mitglied
    Registriert seit
    06.08.2011
    Beiträge
    62
    Beitragswertungen
    0 Beitragspunkte
    Sorry das ich die alte Kamelle wieder aktiviere...

    Ich suche die Datei, in der ich die Schrift anpassen kann, also von dieser hässlichen Serifenschrift zu einer Arial o.ä. und wenn geht auch in Fett oder gemischt....

    www.zockerheaven.de

    Danke im vorraus
    Freunde sind die Menschen die deine Vergangenheit akzeptieren, dich in der Gegenwart mögen und in deiner Zukunft zu dir stehen!
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    GeCk0 Hall Of Fame
    Registriert seit
    01.05.2009
    Beiträge
    2.989
    Beitragswertungen
    96 Beitragspunkte
    die style.csss in deinem Designordner zwinker
    Alle Module von mir sind nun unter php-gecko.de erreichbar
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    pfuibaeh Mitglied
    Registriert seit
    06.08.2011
    Beiträge
    62
    Beitragswertungen
    0 Beitragspunkte
    müsste das ding nicht #ticker heissen in der style?

    ich finde diesen eintrag nicht
    Freunde sind die Menschen die deine Vergangenheit akzeptieren, dich in der Gegenwart mögen und in deiner Zukunft zu dir stehen!
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    GeCk0 Hall Of Fame
    Registriert seit
    01.05.2009
    Beiträge
    2.989
    Beitragswertungen
    96 Beitragspunkte
    du hast ihn doch selbt eingebaut, oder ?
    Alle Module von mir sind nun unter php-gecko.de erreichbar
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    pfuibaeh Mitglied
    Registriert seit
    06.08.2011
    Beiträge
    62
    Beitragswertungen
    0 Beitragspunkte
    öhmmmm.... peinliche Frage lächeln

    Ticker20 hieß das modul und ich habe die Ordnerstruktur hochgeladen.

    ??

    Ich steh etwas auf dem Schlauch....

    Hier ist die style... ich finds einfach nicht!

    /* Codierung by Maretz.eu - Free Ilch Clan und Community Templates */
    #full
    {
      width: 1064px; 
      border: none;
      margin:0; 
      padding:0;
    } 
    #one
    {
      width: 1064px; 
      border: none;
    }
    body   
    { 
      background-color: #000000;
      background-image: url('images/bg.jpg') ;	
      background-attachment:no-fixed;
      background-position: 50% 0%;
      background-repeat:no-repeat;
      margin:0; 
      padding:0;
    }
    #header
    {
      background-image: url(images/header.png);
      float: left;
      width: 474px;
      height: 142px;
      border: none;
    }
    #menupage
    {
      background-image: url(images/menu_bg.png);
      float: left;
      width: 590px;
      height: 142px;
      border: none;
    }
    #lnews
    {
      background-image: url(images/latest_news.png);
      float: left;
      width: 292px;
      height: 201px;
      border: none;
    }
    #lforum
    {
      background-image: url(images/latest_forum.png);
      float: left;
      width: 230px;
      height: 201px;
      border: none;
    }
    #lwars
    {
      background-image: url(images/latest_wars.png);
      float: left;
      width: 230px;
      height: 201px;
      border: none;
    }
    #luser
    {
      background-image: url(images/user_interface.png);
      float: left;
      width: 312px;
      height: 201px;
      border: none;
    }
    #lose
    {
      width: 1064px;
      height: 120px;
      border: none;
    }
    #ad
    {
      background-image: url(images/ad_board.png);
      float: left;
      width: 1064px;
      height: 54px;
      border: none;
    }
    #fleft
    {
      background-image: url(images/foot_left.png);
      float: left;
      width: 493px;
      height: 49px;
      border: none;
    }
    #fmiddle
    {
      background-image: url(images/foot_middle.png);
      float: left;
      width: 31px;
      height: 49px;
      border: none;
    }
    #fright
    {
      background-image: url(images/foot_right.png);
      float: right;
      width: 540px;
      height: 49px;
      border: none;
    }
    #content-bg {
      background: url(images/bg_site.png);
      background-repeat: repeat;
      width: 1064px;
      border: none;
    }
    #left_col {
      width: 219px;
      float: left;
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      font-family: Verdana, Arial;
      font-size: 11px;
      color: #A0A0A0;
      overflow: hidden;
    }
    #menuleftmiddle {
      background: url(images/middle_left.png);
      background-repeat: repeat-y;
      align="top" 
      width: 219px;
      border: none;
    }
    #menuleftbottom {
      background: url(images/bottom_left.png);
      background-repeat: no-repeat;
      float: left;
      align: top;
      width: 219px;
      height: 10px; 
      border: none;
    }
    #right_col {
      width: 219px;
      float: left;
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      font-family: Verdana, Arial;
      font-size: 11px;
      color: #A0A0A0;
      overflow: hidden;
    }
    #menurightmiddle {
      background: url(images/middle_right.png);
      background-repeat: repeat-y;
      width: 219px;
      float: left;
      border: none;
    }
    #menurightbottom {
      background: url(images/bottom_right.png);
      background-repeat: no-repeat;
      width: 219px;
      height: 10px; 
      float: left;
      border: none;
    }
    #menu_heading_left
    {
      background: url(images/top_left.png);
      width: 219px; 
      height: 30px; 
      color: #A0A0A0;
      font-family: Lucida Console, Arial;
      font-size: 12px;
      float: left;
    }
    #menu_heading_left_font
    {
      display:block;
      color: #FF2D1E;
      font-family: Lucida Console, Arial;
      font-size:13px;
      font-weight: normal;
      text-transform: uppercase;
      text-shadow: 2px 2px 0 #000000;
      font-weight: bold;
      float: center;
      padding-top: 10px;
    }
    #menu_heading_right
    {
      background: url(images/top_right.png);
      width: 219px; 
      height: 30px; 
      color: #A0A0A0;
      font-family: Lucida Console, Arial;
      font-size: 12px;
      float: left;
      margin-left: 0px;
    }
    #menu_heading_right_font
    {
      display:block;
      color: #FF2D1E;
      font-family: Lucida Console, Arial;
      font-size: 13px;
      font-weight: normal;
      text-transform: uppercase;
      text-shadow: 2px 2px 0 #000000;
      font-weight: bold;
      float: center;
      padding-top: 10px;
    }
    #main_col {
      background: url(images/content_middle.png);
      background-repeat: repeat-y;
      width: 626px;
      float: left;
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      clear: none;
      color: #A0A0A0;
      text-align:left;
      font-size: 11px;
      font-family: Verdana,Arial; 
      overflow: hidden;
    }
    #main_colin
    {
      width: 616px;
      float: left;
      padding-top: 0px;
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 0px;
      font-family: Verdana, Arial;
      font-size: 11px;
      color: #A0A0A0;
      max-width:616px;
      overflow: hidden;	
    }
    .menuone
    {
      width: 201px;
      float: left;
      padding-top: 0px;
      padding-left: 15px;
      padding-right: 3px;
      padding-bottom: 2px;
      color: #A0A0A0;
      max-width: 201px;
      overflow: hidden;	
    }
    .menutwo
    {
      width: 201px;
      float: left;
      padding-top: 0px;
      padding-left: 3px;
      padding-right: 15px;
      padding-bottom: 2px;
      color: #A0A0A0;
      max-width: 201px;
      overflow: hidden;	
    }
    #foot_content
    {
      background-image: url(images/content_bottom.png);
      width: 626px; 
      height: 3px; 
      float: right;
      border: none;
    }
    #newsbox
    {
      position:relative;
      width: 235px;
      height: 119px; 
      top: 54px;
      left: 54px;
      float: left;
      max-width: 235px;
      max-height: 119px;
      border: none;
      overflow: hidden;	
    } 
    #forumbox
    {
      position:relative;
      width: 220px;
      height: 119px; 
      top: 54px;
      left: 4px;
      float: left;
      max-width: 220px;
      max-height: 119px;
      border: none;
      overflow: hidden;	
    }
    #warsbox
    {
      position:relative;
      width: 221px;
      height: 122px; 
      top: 51px;
      left: 10px;
      float: left;
      max-width: 221px;
      max-height: 122px;
      border: none;
      overflow: hidden;	
    }
    #loginbereich
    {
      position:relative;
      width: 260px;
      height: 110px; 
      top: 52px;
      left: 0px;
      float: left;
      max-width: 260px;
      max-height: 110px;
      border: none;
      overflow: hidden;	
    }
    #allianzbox
    {
      position:relative;
      width: 977px;
      height: 31px; 
      top: 5px;
      left: 45px;
      float: left;
      max-width: 977px;
      max-height: 31px;
      border: none;
      overflow: hidden;	
    }
    #fright_1
    {
      position:relative; 
      top: 15px;
      right: 25px;
      float: right;
      border: none;
      overflow: hidden;	
    }
    #fleft_1
    {
      position:relative; 
      top: 15px;
      left: 25px;
      float: left;
      border: none;
      overflow: hidden;	
    }
    #fmiddle_1
    {
      position:relative; 
      top: 10px;
      left: 0px;
      float: left;
      border: none;
      overflow: hidden;	
    }
    #head_content
    {
      position:relative;
      top: 0px;
      left:0px;
      float: left;
      background-image: url(images/content_top.png);
      width: 626px; 
      height: 20px; 
      border: none;
    }
    #tophmenu
    {
                   position:relative;
                    width: 610px;
                    height: 15px;  
                    top: 2px;
                    left: 5px;
                    float: left;
                    max-width: 610px;
                    max-height: 15px;
                    overflow: hidden;	
    }
    .hmenustyle    { color:#FF2D1E; font-family: Arial, Verdana; font-size: 11px; font-weight: bold;}
    .title2  
    
    {
    font-size: 9px;
    font-weight: bold;
    color: #7F7F7F;
    font-family: Helvetica, Verdana, Arial, sans-serif; 
    }
    .lastwarsbox {color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
    .lastwarsbox:hover {color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
    .a
    {
    	color: #FF2D1E;
    	
    }
    .menu
    {
    	display:block;
    
                 float: left;
      
    	color: #7F7F7F;    
    
    	font-size: 11px;
    
    	width: 201px;
    
    	height: 19px;
    
            text-align:left;
    
            text-indent: 37px;
    
    	text-decoration: none;
    
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    
            font-weight:bold;
    
    	line-height: 19px;
    
    	background-image: url('images/menu_normal.png');
    
    	background-repeat: no-repeat;
    }
    .menu:hover
    {
    	display:block;
    
                 float: left;
    
    	color: #FF2D1E;     
    
    	font-size: 12px;
    
    	width: 201px;
    
    	height: 19px;
    
            text-align:left;
            
            text-indent: 37px;
    
            text-transform: uppercase;
    
    	text-decoration: none;
    
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    
            font-weight:bold;
    
    	line-height: 19px;
        
    	background-image: url('images/menu_over.png');
    
    	background-repeat: no-repeat;
    } 
    .title   
    {
    
    	font-size: 16px;
            font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-weight: bold;
    	color: #FF2D1E;  
    
    }
    
    .bcontent
    
    {
    
    	margin-left: 10px;
    
    }
    
    td 
    
    {
    
      font-family: Verdana; 
    
      font-size: 11px;
    
      color: #4d4e51;   
    
    }
    
    a
    
    { 
    
      color: #75767A;   
    
      font-family: Verdana; 
    
      font-size: 11px; 
    
      text-decoration: none;
    
    }
    
    a:hover 
    
    { 
    
      color: #FF2D1E;  
    
      text-decoration: none;  
    
    }
    
    a.box 
    
    { 
    
      color: #D3D3D3;    
    
      font-family: Verdana; 
    
      font-size: 11px;
    
      text-decoration: none;
    
     }
    
    a.box:hover 
    
    {  
    
      color: #FF2D1E;   
    
      text-decoration: none;
    
    }
    
    .Chead
    
    {
    
       		background-color: #28201d;
            color: #EFEFEF;
            font-family: Helvetica, Verdana, Arial, sans-serif;
            font-size: 11px;  
    
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    
    {
    
      color: #4d4e51;   
    }
    
    .Cnorm 
    
    {
    
    	background-color: #ffffff;                      
      	color: #4d4e51;
    
    }
    
    .Cmite
    
    { 
    
      	background-color: #ffffff;			
      	color:#4d4e51;
    
    }
    .mite
    {
      background-color: #131313;
      color:#4d4e51;
    }
    .Cdark
    
    {
    
      		background-color: #0e0f0e;   
            color: #3F3F3F;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
    }
    
    .smalfont 
    
    { 
    
    	color: #4d4e51;     
    
        font-size: 10px;
    
    	text-decoration: none; 
    
    }
    
    .smalfont_copyright 
    
    { 
    
    	color: #FF2D1E;
    
        font-size: 11px;
    
    	text-decoration: none; 
    
    }
    .dltext
    
    { 
    
    	color: #4d4e51;     
    
        font-size: 11px;
    
    	text-decoration: none; 
    
    }
    .downloads
    {
            background-color: #0e0f0e;
            color: #FF2D1E;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10px;
    }
    
    .border 
    {
    
       background-color: #2f2f2f;   
    }
    a.border
    {
       color: #0A0A0A;
    }
    .rand
    {
      border: 1px solid #2f2f2f;
    
    }
    
    hr 
    
    { 
    height: 1px;
                    border: solid #2f2f2f 1px;
                    border-top-width: 1px;
    				width: 100%;
    }
    
    input, textarea, select
    
    { 
    
        color: #2f2f2f;
    
    	background-color: #E0E0E0;
    
        font: 11px  Verdana;  
    
        border-color: #0a1118;
    
      	border-width: 1px;
    
        border-style: double;  
    
        font-weight: normal;  
    
        text-decoration: none;  
    
    }
    
    #menu {}
    
    #menu ul { padding-left: 10px; margin-left: 10px; }
    
    #smallmenu { }
    
    #smallmenu li { font-size: 11px; }
    
    #smallmenu a { font-size: 11px; }
    
    
    .sbback 
    {
        background-color: #575757;
        color:#0b0b0b;
    }
    .sbback2 
    {
        background-color: #6b6b6b;
        color:#0b0b0b;	
    }
    .content  
    {
    	font-size: 11px;
    	font-weight: bold;
    	color: #A0A0A0;  	
    }
    legend
    {
    font-size: 12px;
    font-weight: normal;
    color: #A0A0A0;
    }
    fieldset
    {
    overflow: auto;
    border: 1px solid #A0A0A0;
    }
    input
    {
    overflow: auto;
    border: 1px solid #A0A0A0;
    }
    textarea
    {
    overflow: auto;
    border: 1px solid #A0A0A0;
    }
    
    #smallmenu a { font-size: 11px; }
    #pageBody {
      position:relative;  
      top: 44px;
      left: 28px;
      max-height: 35px;
    	font-size: 12px;
    	font-weight: bold; 
            font-family: Verdana, Arial, Helvetica, sans-serif;
      overflow: hidden;
    }
    
    div.hoverBtn {
    	position: 		relative;
    	float:			left;
    	background:		transparent url(images/navBG.png) repeat-x 0 0 scroll;
    }
    div.hoverBtn a {
    	position: 		relative;
    	z-index: 		2;
    	display: 		block;
    	width: 			99px;
    	height: 		35px;
    	line-height: 		35px;
    	text-align: 		center;
    	font-size:		1.1em;
    	text-decoration:	none;
    	color:			#7A7A7A;
            text-shadow: 2px 2px 0 #000000;
    	background:		transparent none repeat-x 0 0 scroll;
    }
    div.hoverBtn div {
    	display:		none;
    	position: 		absolute;
    	z-index: 		1;
    	top: 			0px;
    	background:		transparent url(images/navHover.png) repeat-x 0 0 scroll;
    }



    Zuletzt modifiziert von pfuibaeh am 03.10.2011 - 12:25:44
    Freunde sind die Menschen die deine Vergangenheit akzeptieren, dich in der Gegenwart mögen und in deiner Zukunft zu dir stehen!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten