Jump to content
- Werbung nur für Gäste -

IGNORIERT

Slider Problem mit Blog

CrtazyFreak_KI

Von CrtazyFreak_KI
in PC & Konsolen

Recommended Posts

CrtazyFreak_KI

CrtazyFreak_KI

Geschrieben
Geschrieben

Hey sers Gemeinde

und zwar habe ich auf meinem Blog http://gamerscheck.co.de einen Slider drin neueste Meldungen

Aber da hab ich ein Problem

Und zwar ist dort recjts immer noch ein Stück wo er das Bild praktisch nochmal ausgibt

Kann eigtl nur mit dem .js zutun haben,aber da ich von diesem ganzen Codeschnipseln keine Ahnung habe lass ich es lieber,weil dann sowieso nicht mehr funzen würde

Ich hau hier mal den Code vom .js rein vllt kann den ja jemand anpassen

/**
* Coin Slider - Unique jQuery Image Slider
* @version: 1.0 - (2010/04/04)
* @requires jQuery v1.2.2 or later 
* @author Ivan Lazarevic
* Examples and documentation at: http://workshop.rs/projects/coin-slider/

* Licensed under MIT licence:
*   http://www.opensource.org/licenses/mit-license.php
**/

(function($){var params=new Array;var order=new Array;var images=new Array;var links=new Array;var linksTarget=new Array;var titles=new Array;var interval=new Array;var imagePos=new Array;var appInterval=new Array;var squarePos=new Array;var reverse=new Array;$.fn.coinslider=$.fn.CoinSlider=function(options){init=function(el){order[el.id]=new Array();images[el.id]=new Array();links[el.id]=new Array();linksTarget[el.id]=new Array();titles[el.id]=new Array();imagePos[el.id]=0;squarePos[el.id]=0;reverse[el.id]=1;params[el.id]=$.extend({},$.fn.coinslider.defaults,options);$.each($('#'+el.id+' img'),function(i,item){images[el.id][i]=$(item).attr('src');links[el.id][i]=$(item).parent().is('a')?$(item).parent().attr('href'):'';linksTarget[el.id][i]=$(item).parent().is('a')?$(item).parent().attr('target'):'';titles[el.id][i]=$(item).next().is('span')?$(item).next().html():'';$(item).hide();$(item).next().hide();});$(el).css({'background-image':'url('+images[el.id][0]+')','width':params[el.id].width,'height':params[el.id].height,'position':'relative','background-position':'top left'}).wrap("<div class='coin-slider' id='coin-slider-"+el.id+"' />");$('#'+el.id).append("<div class='cs-title' id='cs-title-"+el.id+"' style='position: absolute; bottom:0; left: 0; z-index: 1000;'></div>");$.setFields(el);if(params[el.id].navigation)
$.setNavigation(el);$.transition(el,0);$.transitionCall(el);}
$.setFields=function(el){tWidth=sWidth=parseInt(params[el.id].width/params[el.id].spw);tHeight=sHeight=parseInt(params[el.id].height/params[el.id].sph);counter=sLeft=sTop=0;tgapx=gapx=params[el.id].width-params[el.id].spw*sWidth;tgapy=gapy=params[el.id].height-params[el.id].sph*sHeight;for(i=1;i<=params[el.id].sph;i++){gapx=tgapx;if(gapy>0){gapy--;sHeight=tHeight+1;}else{sHeight=tHeight;}
for(j=1;j<=params[el.id].spw;j++){if(gapx>0){gapx--;sWidth=tWidth+1;}else{sWidth=tWidth;}
order[el.id][counter]=i+''+j;counter++;if(params[el.id].links)
$('#'+el.id).append("<a href='"+links[el.id][0]+"' class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'></a>");else
$('#'+el.id).append("<div class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'></div>");$("#cs-"+el.id+i+j).css({'background-position':-sLeft+'px '+(-sTop+'px'),'left':sLeft,'top':sTop});sLeft+=sWidth;}
sTop+=sHeight;sLeft=0;}
$('.cs-'+el.id).mouseover(function(){$('#cs-navigation-'+el.id).show();});$('.cs-'+el.id).mouseout(function(){$('#cs-navigation-'+el.id).hide();});$('#cs-title-'+el.id).mouseover(function(){$('#cs-navigation-'+el.id).show();});$('#cs-title-'+el.id).mouseout(function(){$('#cs-navigation-'+el.id).hide();});if(params[el.id].hoverPause){$('.cs-'+el.id).mouseover(function(){params[el.id].pause=true;});$('.cs-'+el.id).mouseout(function(){params[el.id].pause=false;});$('#cs-title-'+el.id).mouseover(function(){params[el.id].pause=true;});$('#cs-title-'+el.id).mouseout(function(){params[el.id].pause=false;});}};$.transitionCall=function(el){clearInterval(interval[el.id]);delay=params[el.id].delay+params[el.id].spw*params[el.id].sph*params[el.id].sDelay;interval[el.id]=setInterval(function(){$.transition(el)},delay);}
$.transition=function(el,direction){if(params[el.id].pause==true)return;$.effect(el);squarePos[el.id]=0;appInterval[el.id]=setInterval(function(){$.appereance(el,order[el.id][squarePos[el.id]])},params[el.id].sDelay);$(el).css({'background-image':'url('+images[el.id][imagePos[el.id]]+')'});if(typeof(direction)=="undefined")
imagePos[el.id]++;else
if(direction=='prev')
imagePos[el.id]--;else
imagePos[el.id]=direction;if(imagePos[el.id]==images[el.id].length){imagePos[el.id]=0;}
if(imagePos[el.id]==-1){imagePos[el.id]=images[el.id].length-1;}
$('.cs-button-'+el.id).removeClass('cs-active');$('#cs-button-'+el.id+"-"+(imagePos[el.id]+1)).addClass('cs-active');if(titles[el.id][imagePos[el.id]]){$('#cs-title-'+el.id).css({'opacity':0}).animate({'opacity':params[el.id].opacity},params[el.id].titleSpeed);$('#cs-title-'+el.id).html(titles[el.id][imagePos[el.id]]);}else{$('#cs-title-'+el.id).css('opacity',0);}};$.appereance=function(el,sid){$('.cs-'+el.id).attr('href',links[el.id][imagePos[el.id]]).attr('target',linksTarget[el.id][imagePos[el.id]]);if(squarePos[el.id]==params[el.id].spw*params[el.id].sph){clearInterval(appInterval[el.id]);return;}
$('#cs-'+el.id+sid).css({opacity:0,'background-image':'url('+images[el.id][imagePos[el.id]]+')'});$('#cs-'+el.id+sid).animate({opacity:1},300);squarePos[el.id]++;};$.setNavigation=function(el){$(el).append("<div id='cs-navigation-"+el.id+"'></div>");$('#cs-navigation-'+el.id).hide();$('#cs-navigation-'+el.id).append("<a href='#' id='cs-prev-"+el.id+"' class='cs-prev'>prev</a>");$('#cs-navigation-'+el.id).append("<a href='#' id='cs-next-"+el.id+"' class='cs-next'>next</a>");$('#cs-prev-'+el.id).css({'position':'absolute','top':params[el.id].height/2-15,'left':0,'z-index':1001,'line-height':'30px','opacity':params[el.id].opacity}).click(function(e){e.preventDefault();$.transition(el,'prev');$.transitionCall(el);}).mouseover(function(){$('#cs-navigation-'+el.id).show()});$('#cs-next-'+el.id).css({'position':'absolute','top':params[el.id].height/2-15,'right':0,'z-index':1001,'line-height':'30px','opacity':params[el.id].opacity}).click(function(e){e.preventDefault();$.transition(el);$.transitionCall(el);}).mouseover(function(){$('#cs-navigation-'+el.id).show()});$("<div id='cs-buttons-"+el.id+"' class='cs-buttons'></div>").appendTo($('#coin-slider-'+el.id));for(k=1;k<images[el.id].length+1;k++){$('#cs-buttons-'+el.id).append("<a href='#' class='cs-button-"+el.id+"' id='cs-button-"+el.id+"-"+k+"'>"+k+"</a>");}
$.each($('.cs-button-'+el.id),function(i,item){$(item).click(function(e){$('.cs-button-'+el.id).removeClass('cs-active');$(this).addClass('cs-active');e.preventDefault();$.transition(el,i);$.transitionCall(el);})});$('#cs-navigation-'+el.id+' a').mouseout(function(){$('#cs-navigation-'+el.id).hide();params[el.id].pause=false;});$("#cs-buttons-"+el.id).css({'left':'50%','margin-left':-images[el.id].length*15/2-5,'position':'relative'});}
$.effect=function(el){effA=['random','swirl','rain','straight'];if(params[el.id].effect=='')
eff=effA[Math.floor(Math.random()*(effA.length))];else
eff=params[el.id].effect;order[el.id]=new Array();if(eff=='random'){counter=0;for(i=1;i<=params[el.id].sph;i++){for(j=1;j<=params[el.id].spw;j++){order[el.id][counter]=i+''+j;counter++;}}
$.random(order[el.id]);}
if(eff=='rain'){$.rain(el);}
if(eff=='swirl')
$.swirl(el);if(eff=='straight')
$.straight(el);reverse[el.id]*=-1;if(reverse[el.id]>0){order[el.id].reverse();}}
$.random=function(arr){var i=arr.length;if(i==0)return false;while(--i){var j=Math.floor(Math.random()*(i+1));var tempi=arr[i];var tempj=arr[j];arr[i]=tempj;arr[j]=tempi;}}
$.swirl=function(el){var n=params[el.id].sph;var m=params[el.id].spw;var x=1;var y=1;var going=0;var num=0;var c=0;var dowhile=true;while(dowhile){num=(going==0||going==2)?m:n;for(i=1;i<=num;i++){order[el.id][c]=x+''+y;c++;if(i!=num){switch(going){case 0:y++;break;case 1:x++;break;case 2:y--;break;case 3:x--;break;}}}
going=(going+1)%4;switch(going){case 0:m--;y++;break;case 1:n--;x++;break;case 2:m--;y--;break;case 3:n--;x--;break;}
check=$.max(n,m)-$.min(n,m);if(m<=check&&n<=check)
dowhile=false;}}
$.rain=function(el){var n=params[el.id].sph;var m=params[el.id].spw;var c=0;var to=to2=from=1;var dowhile=true;while(dowhile){for(i=from;i<=to;i++){order[el.id][c]=i+''+parseInt(to2-i+1);c++;}
to2++;if(to<n&&to2<m&&n<m){to++;}
if(to<n&&n>=m){to++;}
if(to2>m){from++;}
if(from>to)dowhile=false;}}
$.straight=function(el){counter=0;for(i=1;i<=params[el.id].sph;i++){for(j=1;j<=params[el.id].spw;j++){order[el.id][counter]=i+''+j;counter++;}}}
$.min=function(n,m){if(n>m)return m;else return n;}
$.max=function(n,m){if(n<m)return m;else return n;}
this.each(function(){init(this);});};$.fn.coinslider.defaults={width:640,height:360,spw:7,sph:5,delay:3000,sDelay:30,opacity:0.7,titleSpeed:500,effect:'',navigation:true,links:true,hoverPause:true};})(jQuery);

PS: Das soll keine Werbung sein

Die größe wird in der letzten Zeile definiert soviel hab ich schon gecheckt,aber mehr auch nicht

so bald ich was enferne hab ich dann 3 Bilder^^

Kann eigtl nicht viel sein,wenn ich mir den Code so angucke

Wäre echt Super,wenn mir jemand helfen könnte

- Werbung nur für Gäste -

Homie21HB

Homie21HB

Geschrieben
Geschrieben

Problem ist, dass der "DIV-Container" "#gallerycover" jeweils das Bild als Hintergrundbild anzeigt. Die Hintergrundbilder haben unterschiedliche Größen. Der DIV-Container "#gallerycover" hat eine feste größe 630 x 250px. Ist das Hintergrundbild kleiner, wirds automatisch wiederholt.

Zwei Möglichkeiten:

  1. Würde ich machen: Deine Bilder haben ebenfalls die Größe von 630x250px.
  2. Für's erste: Du erweiterst deine CSS-Datei bzw. die vom Slider und sagst dem DIV-Container, dass er dass Hintergrundbild nicht wiederholen soll...
    #gallerycover {
    background-repeat: no-repeat;
    }

Edit:

ja entschuldige ich wusste nicht genau wohin damit,da es ja ein Webmaster Forum nicht gibt (sollte man vllt mal anlegen)

Aber danke dragon

Ich hoffe jmd kann mir helfen

bin schon am verzweifeln

Sollte man nicht. Wir sind ein PS3/Vita/Trophy-Forum und kein Webmaster-Forum. Irgendwo muss man eine klare Linie ziehen. Als nächstes sollen wir dann noch n Unterforum fürs Kochen, Stricken und Häckeln eröffnen, wa? :cheer: Ich denke, falls es spezifischer wird, kommst du nicht herum, dich entweder damit auseinander zusetzen oder halt ein richtiges "Webmaster"-Forum aufzusuchen.

Edit2: Mich nervt allerdings jetzt schon diese Mosaik-Overlay-Funktion. Geht ja mal gar nicht. ^^ Lass es einfach ein und ausfaden. ;)

Gruß,

Homie21HB

CrtazyFreak_KI

CrtazyFreak_KI

Geschrieben
  • Autor
Geschrieben

wo genau in der css muss das denn rein oder kann es nicht so anpassen,dass die Bilder gestreckt werden auf die boxbreite

hier mal die style.css

/*
Theme Name:Engamer
Description: A free gamer theme from jinsona designs.
Author: jinsona designs
Author URI: www.web2feel.com

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i, marquee {
   margin: 0px;
   padding: 0px;
}

body {
   margin:0 auto;
   padding:0px 0px 0px 0px;
   background:#000 url(images/body.jpg) repeat-x;
   font-family:Tahoma,Century gothic, Arial,Tahoma,sans-serif;
   color:#161514;
   font-size:13px;
   }
img {
   border:0;
   margin: 0 0;
   }
a {
   color:#779DBF;
   text-decoration:none;
   outline:none;
   }
a:hover {
   color:#bbb;
   text-decoration:none
       }
h1, h2, h3, h4, h5, h6 {

   }
blockquote {
   padding:10px 10px 10px 10px;
   color:#59666f;
   font-style: normal;

   }
.clear {
   clear:both;
   }

table{
 margin: 10px 0 10px;
}

table td, table th{
 text-align: left;
 padding: .4em .8em;
}

table th{
 background: #ccc ;
 color: #444;
 text-transform: uppercase;
 font-weight: normal;

}

table td{
 background: #e4e4e4;
}

table tr.even td{
 background: #eee;
}

table tr:hover td{
 background: #FFF9DF;
}
img.centered  {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   padding: 0px;
   }

img.alignnone {
   padding: 5px 5px;
   margin: 0px 0px 10px 0px;
   display: inline;
   background:#060F17;

   }

img.alignright {
   padding: 5px 5px;
   margin: 10px 0px 10px 10px;
   display: inline;
   background:#060F17;

   }

img.alignleft {
   padding: 5px 5px;
   margin: 10px 10px 10px 0px;
   display: inline;
   background:#060F17;

   }

.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   }

.alignright {
   float: right;
   margin: 0px 0px 10px 10px;
   }

.alignleft {
   float: left;
   margin: 0px 10px 10px 0px;
   }

.wp-caption {

   text-align: center;
   background-color: #060F17;
   padding: 4px 0px 5px 0px;
   margin: 5px 5px ;
   }

.wp-caption img {
   margin: 0px 0px 5px 0px;
   padding: 0px;
   border: 0px;

   }

.wp-caption p.wp-caption-text {
   margin: 0px;
   padding: 0px 0px 0px 0px;
   font-size: 11px;
   font-weight: normal;
   line-height: 12px;
   }

/* The Outer cover */

#wrapper {
   width:1000px;
   margin:40px auto;
   position:relative;

   }
#casing {
   padding:0px 0px 10px 0px;
   background:#000;
   float:left;
   width:1000px;

   }        

/* The Header */

#top {
   height:217px;
   margin:auto;
   width:1000px;
   position:relative;
   background:url(images/head.jpg) no-repeat;

   }
.blogname {
   width:600px;
   font-family:Arial,Century gothic,Verdana,Tahoma,sans-serif;    
   margin:75px 0 0 0px;
   height:70px;
   text-align:left;
   float:left;
   padding-left:30px;

   }
.blogname h1  {
   font-size:40px;
   padding:0 0 0px 0;
   font-weight:normal;
   color:#fff;



   }
.blogname h1  a:link, .blogname h1  a:visited{ 
   color: #fff; 
   display:block;
   margin:5px 0 0 0px;
   }

.blogname h1  a:hover { 
   color: #111; 
   }
.blogname h2 {
   margin:0px 0px 0px 0px;
   font-size:14px;
   font-weight:bold;
   color: #fff; 


   }
.head{
   height:230px;
   width:1000px;
   float:left;
   background:url(images/head.jpg);
}


.subhead{

   width:440px;
   height:200px;
   margin:50px 30px 0px 0px;
   overflow:hidden;
   float:right;
}

.subhead h3{
   color:#fff;
   font-weight:bold;
   font-size:18px;
   padding:10px 0px;

}

.subhead p{
   color:#69c8bd;
   line-height:22px;
}

/* The Search */



#search {
   background:#000101;
   width:310px;
   padding:10px 5px 10px 10px;
   margin:0px 0px 10px 0px;
   float:right;
   height:25px;
   display:inline;
}
#search form {
   margin: 0px 0px 0px 0px;
   padding: 0;
}

#search fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

#search p {
   margin: 0;
   font-size: 85%;
}

#s {
   width:225px;
   margin:0px 0px 0px 5px;
   padding: 4px 5px;
   height:16px;
   border:none;
   font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
   color:#999;
   float:left;
   border:1px solid #1B2E3F;
   background:#102334;
   display:inline;
}
input#searchsubmit{
   float:right;
   padding: 3px 5px;
   display:inline;
   margin:0px 5px 0px 0px;
   height:26px;
   background:#133E68;
   color:#fff;
   border:none;
}

/*  menu*/

#catmenucontainer{
   height:37px;
   display:block;
   padding:0px 0 0px 0px;
   font: 12px Arial,Tahoma,Century gothic,verdana,  sans-serif;
   font-weight:normal;
   background:url(images/menu.png) no-repeat;
   text-transform:uppercase;
   }

#catmenu{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px;
   height:37px;
   overflow:hidden;
   }

#catmenu ul {
   float: left;
   list-style: none;
   margin: 0px;
   padding: 0px 10px;
   }

#catmenu li {
   float: left;
   list-style: none;
   margin: 0px;
   padding: 0px;
   }

#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
   color:#134371;
   text-shadow:1px 1px 1px #fff;
   display: block;
   margin: 0px;
   padding: 0px 10px ;
   line-height:37px;

   }

#catmenu li a:hover, #catmenu li a:active {
   background:#252525 url(images/menua.png) repeat-x;
   color: #fff;
   text-shadow:-1px -1px 1px #09639F;
   margin: 0px;
   padding: 0px 10px ;
   line-height:37px;
   text-decoration: none;
   }

#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
   background:#0F73B9 ;
   width: 150px;
   color: #fff;
   text-shadow:-1px -1px 1px #09639F;
   font-weight: normal;
   float: none;
   margin: 0px;
   padding: 0px 10px ;
   line-height:35px;
   border-bottom: 1px solid #167AC1;

   }

#catmenu li li a:hover, #catmenu li li a:active {
   background:#09639F ;
   color: #fff;
   text-shadow:-1px -1px 1px #032F2A;
   padding: 0px 10px ;
   line-height:35px;
   }

#catmenu li ul {
   z-index: 9999;
   position: absolute;
   left: -999em;
   height: auto;
   width: 170px;
   margin: 0px;
   padding: 0px;
   }

#catmenu li li { 
   }

#catmenu li ul a { 
   width: 140px;
   }

#catmenu li ul a:hover, #catmenu li ul a:active { 
   }

#catmenu li ul ul {
   margin: -36px 0 0 170px;
   }

#catmenu li:hover ul ul, #catmenu li:hover ul ul ul, 
#catmenu li.sfhover1 ul ul, #catmenu li.sfhover1 ul ul ul {
   left: -999em;
   }

#catmenu li:hover ul, #catmenu li li:hover ul, 
#catmenu li li li:hover ul, #catmenu li.sfhover ul, 
#catmenu li li.sfhover1 ul, #catmenu li li li.sfhover1 ul {
   left: auto;
   }

#catmenu li:hover, #catmenu li.sfhover1 { 
   position: static;
   }


   /*Page menu*/


#foxmenucontainer{
   height:38px;
   display:block;
   padding:0px 0 0px 0px;
   font: 12px Arial, Tahoma,Century gothic,verdana,  sans-serif;
   font-weight:normal;
   text-transform:uppercase;
   background:url(images/catmen.png) repeat-x;
float:left;
   width:1000px;
   }
#menu{
   margin:0px 10px;
   padding: 0px;

   height:38px;
   overflow:hidden;
   }

#menu ul {
   float: left;
   list-style: none;
   margin: 0px;
   padding: 0px;
   }

#menu li {
   float: left;
   list-style: none;
   margin: 0px;
   padding: 0px;
   }

#menu li a, #menu li a:link, #menu li a:visited {
   color:#99BEDF;
   display: block;
   margin: 0px;
   padding: 0px 10px ;
   line-height:38px;
   }

#menu li a:hover, #menu li a:active {

   color: #fff;
   margin: 0px;
   padding: 0px 10px ;
   line-height:38px;
   text-decoration: none;
   background:#060F17 url(images/catmenua.png) repeat-x;
   }

#menu li li a, #menu li li a:link, #menu li li a:visited {
   background:#14334F;
   width: 150px;
   color:#99BEDF;
   font-weight: normal;
   float: none;
   margin: 0px;
   padding: 0px 10px ;
   line-height:35px;
   border-bottom: 1px solid #1D405F;

   }

#menu li li a:hover, #menu li li a:active {
   background: #0D2C49;
   color: #fff;
   padding: 0px 10px ;
   line-height:35px;
   }

#menu li ul {
   z-index: 9999;
   position: absolute;
   left: -999em;
   height: auto;
   width: 170px;
   margin: 0px;
   padding: 0px;
   }

#menu li li { 
   }

#menu li ul a { 
   width: 140px;
   }

#menu li ul a:hover, #menu li ul a:active { 
   }

#menu li ul ul {
   margin: -36px 0 0 170px;
   }

#menu li:hover ul ul, #menu li:hover ul ul ul, 
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
   left: -999em;
   }

#menu li:hover ul, #menu li li:hover ul, 
#menu li li li:hover ul, #menu li.sfhover ul, 
#menu li li.sfhover ul, #menu li li li.sfhover ul {
   left: auto;
   }

#menu li:hover, #menu li.sfhover { 
   position: static;
   }

/* Main Content*/    


#content {
   float:left;
   width: 650px;
   height:100%;
   padding:10px 0px 0px 0px;
   margin-left:10px;
   display:inline;
   overflow:hidden;
   }    

.box{
   width:320px;
   float:left;
   clear:left;
   margin-top:10px;
   background:#000101 url(images/box.png) repeat-x;
   color:#999;
}
.last{
   float:right;
   clear:right;
}
.boxtitle  h2 {
   margin: 0px 0 0px 0;
   padding: 10px 0px 5px 10px;
   text-align: left;
   font: 16px Arial,century gothic,verdana, sans-serif;
   font-weight:bold;
   overflow:hidden;
       }

.boxtitle  h2 a, .boxtitle  h2 a:link, .boxtitle  h2 a:visited  {
   color:#0055cc;
   background-color: transparent;
   }

.boxtitle  h2 a:hover  {
   color: #ddd;
   background-color: transparent;
   }    

.boxtitle{
   margin: 0 0 0 0px;
   padding: 0px 0px 0px 0px;
}
.post {
   margin: 0px 0px 20px 0px;
   height:100%;
   color:#59666f;
   font: 13px Tahoma, century gothic,Arial,verdana, sans-serif;
   background:#000101 url(images/fadepng) repeat-x;
   padding:5px;

   }

.title  h2 {
   margin: 0px 0 0px 0;
   padding: 10px 0px 10px 10px;
   text-align: left;
   font: 24px Arial,century gothic,verdana, sans-serif;
   font-weight:normal;
   overflow:hidden;
       }

.title  h2 a, .title  h2 a:link, .title  h2 a:visited  {
   color:#fff;
   background-color: transparent;
   }

.title  h2 a:hover  {
   color: #ddd;
   background-color: transparent;
   }    

.title{
   margin: 0 0 0 0px;
   padding: 0px 0px 0px 0px;
}    

.data {
   font-size:10px;
   font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
   padding:4px 5px 4px 0px;
      color:#ca680b;
   text-transform: uppercase;
   background:#102334;
   margin:5px 10px;
   border:1px solid #1B2E3F;
   }

.author{
   color:#ddd;
   padding:2px 5px 2px 20px;
   margin-left:10px;
   background:url(images/user.png) no-repeat;

}

.clock{
   color:#ddd;
   padding:2px 5px 2px 20px;
   margin-left:5px;
   background:url(images/clock.png) no-repeat;
}    

.comm{
   color:#ddd;
   padding:2px 5px 2px 20px;
   margin-left:5px;
   background:url(images/balloon.png) no-repeat;
}

.comm a:link,
.comm a:visited {
   color:#ddd;

}
.comm a:hover{
   color:#fff;
   text-shadow:1px 1px 1px #ccc;
}

.singleinfo {

   font:10px  Tahoma, Georgia, Arial,century gothic,verdana, sans-serif;
   text-transform:uppercase;
   color:#B98302;
   padding:5px 0px;
           }

.category{
   padding:5px 0 5px 5px;
   color:#ddd;
}

.category a:link,.category a:visited{
   color:#779DBF;

   }

.category a:hover{
   color:#fff;
   }
.cover {
   margin:0 0;
   padding: 0px 10px ;

   }    
.entry {
   margin:0 0;
   padding: 0px 0px ;

   }    

.entry a:link,
.entry a:visited {
       color:#0177CB;
   background-color: transparent;
}
.entry a:hover {
   color:#fff;
   background-color: transparent;
   text-decoration: none;
}

.entry ul, .entry ol{
 margin: .4em 0 1em;
 line-height: 150%;
}


.entry ul li, .entry ol li{
 list-style-position:outside;
 margin-left: 1.6em;
}

.entry p{
   margin:5px 0px;
   padding:5px 0px;
   line-height:22px;

}


/* right column */
.right{

   float:right;
   width:320px;
   padding:10px 0px 0px 0;
   display:inline;
   margin-right:10px;
   overflow:hidden;
}
.blokbox,.twitbox{
   float:left;
   width:323px;
   background:#fff;
   margin-bottom:10px;
   border:1px solid #ddd;
   }
.blok{
   padding:5px 0px 0px 0px;
   float:left;

}
.fentry img{
   max-width:100px;

   padding-left:6px;
   padding-bottom:5px;
   float:left;

}

h2.bloktitl {
   width:325px;
   color:#eee;
   font-size:18px;
   background:#523211;
   height:25px;
   padding-top:10px;
   padding-left:10px;
   }
p.twitter-message{
   color:#666;
   padding:10px;
   border-bottom:1px solid #eee;
}

a.twitter-link{
   color:#D53E13;
}

a.twitter-user{
    color:#0c7391;
}


h3.sidetitl{
   background:#102334 ;
   height:25px;
   padding-left:10px;
   font-family:Georgia,Tahoma,Century gothic, Arial, sans-serif;
   color:#fff;
   font-size:16px;
   padding-top:10px;
}
/* The Sidebar */
#video embed{
   width:300px;
   height:300px;
   overflow:hidden;

}

.sidebar1{
width:150px;
float:left;
}

.sidebar2{
width:150px;
float:right;
}

.sidebox1{
   float:left;
   margin-right:10px;
}

.sidebox2{
   float:right;
}

.sidebox{

   width:155px;
   background:#000;
   padding-bottom:10px;
   font-size:12px;
   font-family:Tahoma,Century gothic, Arial, sans-serif;
   margin:10px 0px 0px 0px;
   color:#444;
   }

.sidebox ul {
   list-style-type: none;
   margin:  0px;
   padding: 0px 0px 5px 0px ;

   }
.sidebox li{
   list-style-type: none;
   margin: 0 ;
   padding: 0;

   }
.sidebox ul ul  {
   list-style-type: none;
   margin: 0;
   padding: 0px 0px 0px 0px;
   background-repeat:no-repeat;
       }

.sidebox ul ul ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   border:0;
   }

.sidebox ul ul ul ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   border:0;

   }

.sidebox ul li {
   height:100%;
   line-height:18px;
   clear:left;    
   width: 155px;
   margin:0px 0px;
   list-style-type: none;
   }


.sidebox ul li a:link, .sidebox ul li a:visited {

   color:#6f6f6f;
   border-bottom:1px dotted #111;
   text-decoration: none;
   padding: 5px 0px 5px 5px;
   display:block;

   }

.sidebox ul li a:hover {

   color: #004C7F;
   }

.sidebox p {
   padding: 7px 10px;
   margin:0;
   }

.sidebox table{
   width:100%;
   text-align:center;
   color:#787d7f;
   }    

li.recentcomments{
   padding:5px 5px;
   width:155px;
}


.squarebanner {
   width:300px;
   padding:10px;
   background:#000101;
   margin-top:10px;

   }

.squarebanner ul{
   list-style-type:none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 15px 0px;
   width:300px;
   overflow:hidden;
       }

.squarebanner ul li{
       list-style-type:none;
       margin: 15px 5px 0px 8px;
       float:left;
       padding:5px;
       display:inline;
       background:#060F17;
       }

/*calendar*/

#wp-calendar{
   width: 100%;
   padding: 0px 5px;

}
#calendar_wrap{

   margin:0px auto;
}

#wp-calendar caption{
   padding: 10px 5px 5px 5px ;
   font-size:16px;
   color:#375752;
   font-weight:bold;
   font-family:Georgia,Century gothic, Arial, sans-serif;
   text-transform:uppercase;
}


#wp-calendar th, #wp-calendar td{
   padding: 5px;
   text-align:center;
   color:#fff;
   background:#00558F;
}

#wp-calendar td a{

   padding: 0px;
   border:none;
   color:#843400;
}
#wp-calendar td{
   background:transparent;
   border:none;
   color:#444;
}
#wp-calendar td, table#wp-calendar th{
   padding: 2px 0;
}        


/* --- FOOTER --- */

#footer {
   height:80px;
   padding:10px 0 0 0px;
   color:#DADADA;
   margin-bottom:20px;
   font-size:11px;
   font-weight:normal;
   letter-spacing:1px;
   font-family: Tahoma,georgia,Century gothic,  Arial, sans-serif;
   float:left;
   width:100%;
   background:#000101 ;
   text-shadow:1px 1px 1px #004C7F;
   }

#footer a:link , #footer a:visited{
       color:#D1E3EF;
   }

#footer a:hover {
   color:#fff;
   }

.fleft{
   float:left;
   text-align:left;
   margin-left:10px;
   margin-top:10px;
   line-height:16px;
}
.fright{
   float:right;
   text-align:right;
   margin-right:10px;
   margin-top:10px;
   line-height:16px;
}
/* The Navigation */

#navigation{    
   margin:10px 0px 0px 0px;
   padding:0px 5px 10px 0px;
   width:700px;
   }


/* The Attachment */

.contentCenter {
   text-align:center;
   }

/* The Page Title */

h2.pagetitle {
   padding:10px 0px;
   font-size:20px;
   text-align:center;
   color:#555;
   font-family:Arial, Georgia,Century gothic,Helvetica, sans-serif;
   }
h2.pagetitle a {
    color:#507409;
}
#comment{

   height:100%;
   padding:0px 0px 0px 0px;
   margin:0px 0px;


   }

#comnums  h3{
   padding:10px 10px;
   margin:15px 0px 10px 0px;
   font-size:20px;
   font-weight:normal;
   color:#778C9F;
   font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;
   background:#000101;


   }     

#respond{

   height:100%;
   padding:0px 5px;
   margin:5px 0px 5px 0px;
   background:#000101 ;



}    
#respond h3{
   padding:10px 10px 5px 10px;
   margin:5px 0px;
   font-size:22px;
   font-weight:normal;
   color:#778C9F;
   font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;
   }
#commentform {
   padding:0px 10px 10px 10px;
   margin:0px 0px 0px 0px;
   color:#BFAFA7;
   font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
   }
.cancel-comment-reply{
   font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
   margin-left:10px;
   padding:0px 0px;

}    
#commentform p {    
   color:#777;
   padding:5px 0px;
   font-size:10px;
   }
#commentform input {
   border:1px solid #1B2E3F;
   background:#102334;
   color:#ddd;
   padding:3px 10px;

   }
#commentform textarea {
   border:1px solid #1B2E3F;
   background:#102334;
   color:#ddd;
   width:95%;
   padding:5px 5px;

   }
.comments input#submit {

   padding:2px 5px;
   background:url(images/sub.png) repeat-x;
   border:1px solid #0875c3;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   color:#fff;
   font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
   }


ol.commentlist { 
   list-style:none; 
   margin:0; 
   padding:0; 
   text-indent:0; 

   }
.comment-body{
   margin-left:80px;
   padding:10px 10px; 
   background:#102334 ;


}    
ol.commentlist li { 

   margin:20px 0 20px 0px; 
   padding:5px 0px 5px 0px; 
   position:relative;

}

ol.commentlist li div.comment-author { 
   padding:0 10px 0 0; 
   color:#C00808; 
}

ol.commentlist li div.vcard { 
   font:10px Tahoma, helvetica,arial,sans-serif; 
   text-transform:uppercase;
   color:#37556F; 
   position: absolute;
   top:5px;
   left:0px;
   height:100px;
}

ol.commentlist li span.says  { 
   display:none;

}

ol.commentlist li div.vcard cite.fn { 

   font-style:normal;
   position: absolute;
   width:70px;
   text-align:center;
   background:#000000;
   padding:2px 0px;
   top:75px;
   left:0px;
}

ol.commentlist li div.vcard cite.fn a:link { 

   color:#fff;
}

ol.commentlist li div.vcard img.avatar { 
   border:5px solid #000000; 
   margin:0px; 
   padding: 0px; 
}

ol.commentlist li div.comment-meta { 
   display:none;

}

ol.commentlist li p { 
   font:normal 12px Tahoma, helvetica,arial,sans-serif;
   margin:0 0 1em;
   line-height:22px;
   color:#778C9F;
   padding:5px 5px;
}

ol.commentlist li ul { 
   font:normal 12px/1.4 helvetica,arial,sans-serif; 
   list-style:square; 
   margin:0 0 1em;
   padding:0; 
   text-indent:0;

}

ol.commentlist li div.reply {  

   font:10px Tahoma, helvetica,arial,sans-serif; 
   text-transform:uppercase;
   padding:0px 0px;  
   text-align:right; 
   margin:0px 5px 5px 0px;



}



ol.commentlist li div.reply a { 

   color:#fff; 
   text-decoration:none; 
   text-transform:uppercase; 
   padding:3px 10px;
   background:url(images/sub.png) repeat-x;
   border:1px solid #032F2A;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;



}



ol.commentlist li ul.children { 
   list-style:none; 
   margin:1em 0 0; 
   text-indent:0; 
}

ol.commentlist li ul.children li.depth-2 { 

   margin:0 0 0px 90px; 

}



ol.commentlist li ul.children li.depth-3 { 

   margin:0 0 0px 90px; 

}



ol.commentlist li ul.children li.depth-4 {

   margin:0 0 0px 90px; 

}



ol.commentlist li.even { 


}

ol.commentlist li.odd { 

}

ol.commentlist li.pingback div.vcard { 
   padding:0 0px 0 0; 
   color:#C00808; 

}


ol.pinglist { 
   list-style:none; 
   margin:0; 
   padding:0; 
   text-indent:0; 

   }
ol.pinglist .comment-body{

   margin:0px 0px;
   padding:10px 10px; 
   background:#fff;
   border:1px solid #ddd;


}    
ol.pinglist li { 

   margin:10px 0 10px 0px; 
   padding:10px 0px 10px 0px; 
   position:relative;

}



ol.pinglist li div.vcard { 
   font-weight:bold;
   color:#fff;
   display:block;
}


ol.pinglist li span.says  { 
   display:none;

}

ol.pinglist li div.vcard cite.fn { 


}

ol.pinglist li div.vcard cite.fn a:link { 

   color:#fff;
}


ol.pinglist li div.comment-meta { 
   padding:5px 0px;
   float:left;
}

ol.pinglist li div.comment-meta a:link { 

}

ol.pinglist li p { 
   font:normal 12px Tahoma, helvetica,arial,sans-serif;
   margin:0 0 1em;
   line-height:18px;
   color:#464646;
   padding:5px 5px;
}

ol.pinglist li ul { 
   font:normal 12px/1.4 helvetica,arial,sans-serif; 
   list-style:square; 
   margin:0 0 1em;
   padding:0; 
   text-indent:0;

}

ol.pinglist li div.reply {  

display:none;


}

.widebanner{

   height:60px;
   margin-top:10px;
   padding:10px 0px;
   background:url(images/ad1.jpg) repeat-x;
   text-align:center;
}

img.postim{
   padding:5px;
   background:#3b4b58;
   float:left;
   margin:10px 10px 10px 0px;
}

.wp-pagenavi{

   font-size:12px;
   text-align: center !important;


}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {

   text-decoration: none;
   background:#0C0C0C!important;
   border: 1px solid #333 !important;
   color:#fff !important;
   padding:3px 7px !important;
   display: block;
   text-align: center;
   float: left;
   margin-right: 4px;

}


.wp-pagenavi a:hover {
   color: #ffffff;
}

.wp-pagenavi span.pages {

display:none;
}

.wp-pagenavi span.current {
   text-decoration: none;
   background:#0177CB !important;
   border: 1px solid #00558F!important;
   color:#fff !important;
   padding:3px 7px !important;
   display: block;
   text-align: center;
   float: left;
   margin-right: 4px;

}

.wp-pagenavi span.extend {

   text-decoration: none;
   background:#0177CB !important;
   border: 1px solid #00558F !important;
   color:#fff !important;
   padding:3px 7px !important;
   display: block;
   text-align: center;
   float: left;
   margin-right: 4px;

}

#slide,#video{
   padding:10px;
   background:#000 url(images/slide.png) repeat-x;
   margin:0px 0px 0px 0px;
}
.featbox{
   padding:10px;
   background:#000 url(images/slide.png) repeat-x;
   margin:0px 0px 10px 0px;
}
.fblock{
   margin:0px 0px 5px 0px!important;
   height:105px;
}


.fblock a img{
   border:none;
   float:left;
}

.thumbim{
   margin:0px 5px 0px 0px;
   width:80px;
   height:60px;

}

.fblock h3{
   font-size:13px;
   font-weight:bold;
   color:#222;
   padding:10px 0px 5px 0px;
}

.fblock h3 a:link,.fblock h3 a:visited{
   font-size:12px;
   font-weight:bold;
   color:#ddd;
}

.fblock p{
   color:#788b9c;
   margin:0px !important;
   padding:0px !important;
}

#video h2,#slide h2{
   padding:0px 0px 10px 0px;
   color:#fff;
   font-size:16px;
   font-weight:normal;
}

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { display:none; font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 610px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

.wp_codes {
   position: absolute;
   left: -450px;
   top: -400px;
}

ja mit diesen slider so richtig gefällt er mir auch nicht

besser wäre wenn der Titel vom Beitrag noch dabei stehen würde,aber ich hab von html nur bedingt ahnung

hab vorher mit php-fusion gearbeitet

Homie21HB

Homie21HB

Geschrieben
Geschrieben

Füg der CSS-Datei einfach folgenden Zeilen hinzu:

#gallerycover {

background-repeat: no-repeat;

}

Das wars. Hintergrundbilder kann man leider nicht strecken, bzw. ist mir nicht bekannt.

- Werbung nur für Gäste -

Archiviert

Dieses Thema ist jetzt archiviert und für weitere Antworten gesperrt.
Wende dich an einen Admin, wenn du in diesem Thema etwas posten möchtest.

Gehe zur Themenübersicht
×
×
  • Neu erstellen...