Testo da aggiungere in fondo ad imageset.css

Torna alla pagina Passaggio dal forum 3.0 al 3.1

Testo da inserire in fondo

Copiare il testo qui sotto ed incollarlo in fondo al file e non dimenticare le correzioni in testa allo stesso file riportate qua.

@media only screen  and (max-width: 455px) {
.imageset.site_logo {
background-image: url("./images/site_logo1.gif");
padding-left: 300px;
padding-top: 64px;
} 
}

@media only screen and (min-width: 1221px) and (max-width: 1230px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1126px 150px;
padding-left: 1225px;
padding-top: 160px;
} 
}

@media only screen and (min-width: 1211px) and (max-width: 1220px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1116px 149px;
padding-left: 1215px;
padding-top: 159px;
} 
}

@media only screen and (min-width: 1201px) and (max-width: 1210px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1106px 148px;
padding-left: 1205px;
padding-top: 158px;
} 
}

@media only screen and (min-width: 1191px) and (max-width: 1200px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1096px 146px;
padding-left: 1195px;
padding-top: 156px;
} 
}

@media only screen and (min-width: 1181px) and (max-width: 1190px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1086px 145px;
padding-left: 1185px;
padding-top: 155px;
} 
}

@media only screen and (min-width: 1171px) and (max-width: 1180px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1076px 144px;
padding-left: 1175px;
padding-top: 154px;
} 
}

@media only screen and (min-width: 1161px) and (max-width: 1170px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1066px 143px;
padding-left: 1165px;
padding-top: 152px;
} 
}

@media only screen and (min-width: 1151px) and (max-width: 1160px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1056px 142px;
padding-left: 1155px;
padding-top: 151px;
} 
}

@media only screen and (min-width: 1141px) and (max-width: 1150px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1046px 140px;
padding-left: 1145px;
padding-top: 150px;
} 
}

@media only screen and (min-width: 1131px) and (max-width: 1140px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1036px 139px;
padding-left: 1135px;
padding-top: 148px;
} 
}

@media only screen and (min-width: 1121px) and (max-width: 1130px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1026px 138px;
padding-left: 1125px;
padding-top: 147px;
} 
}

@media only screen and (min-width: 1111px) and (max-width: 1120px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1016px 137px;
padding-left: 1115px;
padding-top: 146px;
} 
}

@media only screen and (min-width: 1101px) and (max-width: 1110px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 1006px 135px;
padding-left: 1105px;
padding-top: 144px;
} 
}

@media only screen and (min-width: 1091px) and (max-width: 1100px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 996px 134px;
padding-left: 1095px;
padding-top: 143px;
} 
}

@media only screen and (min-width: 1081px) and (max-width: 1090px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 986px 133px;
padding-left: 1085px;
padding-top: 142px;
} 
}

@media only screen and (min-width: 1071px) and (max-width: 1080px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 976px 132px;
padding-left: 1075px;
padding-top: 140px;
} 
}

@media only screen and (min-width: 1061px) and (max-width: 1070px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 966px 130px;
padding-left: 1065px;
padding-top: 139px;
} 
}

@media only screen and (min-width: 1051px) and (max-width: 1060px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 956px 129px;
padding-left: 1055px;
padding-top: 138px;
} 
}

@media only screen and (min-width: 1041px) and (max-width: 1050px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 946px 128px;
padding-left: 1045px;
padding-top: 137px;
} 
}

@media only screen and (min-width: 1031px) and (max-width: 1040px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 936px 127px;
padding-left: 1035px;
padding-top: 135px;
} 
}

@media only screen and (min-width: 1021px) and (max-width: 1030px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 926px 126px;
padding-left: 1025px;
padding-top: 134px;
} 
}

@media only screen and (min-width: 1011px) and (max-width: 1020px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 916px 124px;
padding-left: 1015px;
padding-top: 133px;
} 
}

@media only screen and (min-width: 1001px) and (max-width: 1010px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 906px 123px;
padding-left: 1005px;
padding-top: 131px;
} 
}

@media only screen and (min-width: 991px) and (max-width: 1000px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 896px 122px;
padding-left: 995px;
padding-top: 130px;
} 
}

@media only screen and (min-width: 981px) and (max-width: 990px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 886px 121px;
padding-left: 985px;
padding-top: 129px;
} 
}

@media only screen and (min-width: 971px) and (max-width: 980px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 876px 119px;
padding-left: 975px;
padding-top: 127px;
} 
}

@media only screen and (min-width: 961px) and (max-width: 970px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 866px 118px;
padding-left: 965px;
padding-top: 126px;
} 
}

@media only screen and (min-width: 951px) and (max-width: 960px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 856px 117px;
padding-left: 955px;
padding-top: 125px;
} 
}

@media only screen and (min-width: 941px) and (max-width: 950px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 846px 116px;
padding-left: 945px;
padding-top: 123px;
} 
}

@media only screen and (min-width: 931px) and (max-width: 940px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 836px 114px;
padding-left: 935px;
padding-top: 122px;
} 
}

@media only screen and (min-width: 921px) and (max-width: 930px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 826px 113px;
padding-left: 925px;
padding-top: 121px;
} 
}

@media only screen and (min-width: 911px) and (max-width: 920px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 816px 112px;
padding-left: 915px;
padding-top: 120px;
} 
}

@media only screen and (min-width: 901px) and (max-width: 910px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 806px 111px;
padding-left: 905px;
padding-top: 118px;
} 
}

@media only screen and (min-width: 891px) and (max-width: 900px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 796px 110px;
padding-left: 895px;
padding-top: 117px;
} 
}

@media only screen and (min-width: 881px) and (max-width: 890px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 786px 108px;
padding-left: 885px;
padding-top: 116px;
} 
}

@media only screen and (min-width: 871px) and (max-width: 880px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 776px 107px;
padding-left: 875px;
padding-top: 114px;
} 
}

@media only screen and (min-width: 861px) and (max-width: 870px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 766px 106px;
padding-left: 865px;
padding-top: 113px;
} 
}

@media only screen and (min-width: 851px) and (max-width: 860px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 756px 105px;
padding-left: 855px;
padding-top: 112px;
} 
}

@media only screen and (min-width: 841px) and (max-width: 850px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 746px 103px;
padding-left: 845px;
padding-top: 110px;
} 
}

@media only screen and (min-width: 831px) and (max-width: 840px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 736px 102px;
padding-left: 835px;
padding-top: 109px;
} 
}

@media only screen and (min-width: 821px) and (max-width: 830px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 726px 101px;
padding-left: 825px;
padding-top: 108px;
} 
}

@media only screen and (min-width: 811px) and (max-width: 820px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 716px 100px;
padding-left: 815px;
padding-top: 106px;
} 
}

@media only screen and (min-width: 801px) and (max-width: 810px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 706px 98px;
padding-left: 805px;
padding-top: 105px;
} 
}

@media only screen and (min-width: 791px) and (max-width: 800px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 696px 97px;
padding-left: 795px;
padding-top: 104px;
} 
}

@media only screen and (min-width: 781px) and (max-width: 790px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 686px 96px;
padding-left: 785px;
padding-top: 102px;
} 
}

@media only screen and (min-width: 771px) and (max-width: 780px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 676px 95px;
padding-left: 775px;
padding-top: 101px;
} 
}

@media only screen and (min-width: 761px) and (max-width: 770px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 666px 94px;
padding-left: 765px;
padding-top: 100px;
} 
}

@media only screen and (min-width: 751px) and (max-width: 760px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 656px 92px;
padding-left: 755px;
padding-top: 99px;
} 
}

@media only screen and (min-width: 741px) and (max-width: 750px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 646px 91px;
padding-left: 745px;
padding-top: 97px;
} 
}

@media only screen and (min-width: 731px) and (max-width: 740px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 636px 90px;
padding-left: 735px;
padding-top: 96px;
} 
}

@media only screen and (min-width: 721px) and (max-width: 730px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 626px 89px;
padding-left: 725px;
padding-top: 95px;
} 
}

@media only screen and (min-width: 711px) and (max-width: 720px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 616px 87px;
padding-left: 715px;
padding-top: 93px;
} 
}

@media only screen and (min-width: 701px) and (max-width: 710px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 606px 86px;
padding-left: 705px;
padding-top: 92px;
} 
}

@media only screen and (min-width: 691px) and (max-width: 700px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 656px 85px;
padding-left: 695px;
padding-top: 85px;
} 
}

@media only screen and (min-width: 681px) and (max-width: 690px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 646px 84px;
padding-left: 685px;
padding-top: 84px;
} 
}

@media only screen and (min-width: 671px) and (max-width: 680px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 635px 82px;
padding-left: 675px;
padding-top: 82px;
} 
}

@media only screen and (min-width: 661px) and (max-width: 670px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 624px 81px;
padding-left: 665px;
padding-top: 81px;
} 
}

@media only screen and (min-width: 651px) and (max-width: 660px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 614px 80px;
padding-left: 655px;
padding-top: 80px;
} 
}

@media only screen and (min-width: 641px) and (max-width: 650px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 603px 79px;
padding-left: 645px;
padding-top: 79px;
} 
}

@media only screen and (min-width: 631px) and (max-width: 640px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 593px 78px;
padding-left: 635px;
padding-top: 78px;
} 
}

@media only screen and (min-width: 621px) and (max-width: 630px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 582px 76px;
padding-left: 625px;
padding-top: 76px;
} 
}

@media only screen and (min-width: 611px) and (max-width: 620px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 571px 75px;
padding-left: 615px;
padding-top: 75px;
} 
}

@media only screen and (min-width: 601px) and (max-width: 610px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 561px 74px;
padding-left: 605px;
padding-top: 74px;
} 
}

@media only screen and (min-width: 591px) and (max-width: 600px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 550px 73px;
padding-left: 595px;
padding-top: 73px;
} 
}

@media only screen and (min-width: 581px) and (max-width: 590px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 540px 71px;
padding-left: 585px;
padding-top: 71px;
} 
}

@media only screen and (min-width: 571px) and (max-width: 580px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 529px 70px;
padding-left: 575px;
padding-top: 70px;
} 
}

@media only screen and (min-width: 561px) and (max-width: 570px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 518px 69px;
padding-left: 565px;
padding-top: 69px;
} 
}

@media only screen and (min-width: 551px) and (max-width: 560px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 508px 68px;
padding-left: 555px;
padding-top: 68px;
} 
}

@media only screen and (min-width: 541px) and (max-width: 550px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 497px 67px;
padding-left: 545px;
padding-top: 67px;
} 
}

@media only screen and (min-width: 531px) and (max-width: 540px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 487px 65px;
padding-left: 535px;
padding-top: 65px;
} 
}

@media only screen and (min-width: 521px) and (max-width: 530px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 476px 64px;
padding-left: 525px;
padding-top: 64px;
} 
}

@media only screen and (min-width: 511px) and (max-width: 520px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 465px 63px;
padding-left: 515px;
padding-top: 63px;
} 
}

@media only screen and (min-width: 501px) and (max-width: 510px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 455px 62px;
padding-left: 505px;
padding-top: 62px;
} 
}

@media only screen and (min-width: 491px) and (max-width: 500px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 444px 60px;
padding-left: 495px;
padding-top: 60px;
} 
}

@media only screen and (min-width: 481px) and (max-width: 490px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 434px 59px;
padding-left: 485px;
padding-top: 59px;
} 
}

@media only screen and (min-width: 471px) and (max-width: 480px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 423px 58px;
padding-left: 475px;
padding-top: 58px;
} 
}

@media only screen and (min-width: 461px) and (max-width: 470px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 412px 57px;
padding-left: 465px;
padding-top: 57px;
} 
}

@media only screen and (min-width: 451px) and (max-width: 460px) {
.imageset.site_logo {
background-image: url("./images/header1.php");
background-size: 402px 55px;
padding-left: 455px;
padding-top: 55px;
} 
}

Programma C che produce il testo

In alternativa usare il seguente programma in c (che va compilato) e che produce il testo sopra riportato.

#include <stdio.h>
#include <stdlib.h>
#include <string.h>

void main()
{
int i=1225,j,delta=5;

printf("\n\n\n\n\n\n\n");

  do{
    printf("\n\n@media only screen and (min-width: %dpx) and (max-width: %dpx) {",i-delta+1,i+delta);
    printf("\n.imageset.site_logo {");
//    printf("\nbackground-image: url(\"./images/header1.php?scw=%d\"",i-10);
    printf("\nbackground-image: url(\"./images/header1.php\");");
	  printf("\nbackground-size: %dpx %dpx;",i-delta-94,150*i/1220);
	  printf("\npadding-left: %dpx;",i);
  	printf("\npadding-top: %dpx;",160*i/1220);
    printf("\n} \n}\n\n");
    i-=delta*2;
  }while (i>700);

  do{
    printf("\n\n@media only screen and (min-width: %dpx) and (max-width: %dpx) {",i-delta+1,i+delta);
    printf("\n.imageset.site_logo {");
//    printf("\nbackground-image: url(\"./images/header1.php?scw=%d\"",i-10);
    printf("\nbackground-image: url(\"./images/header1.php\");");
	  printf("\nbackground-size: %dpx %dpx;",(int)((i*1.06))-delta-75,150*i/1220);
	  printf("\npadding-left: %dpx;",i);
  	printf("\npadding-top: %dpx;",150*i/1220);
    printf("\n} \n}\n\n");
    i-=delta*2;
  }while (i>450);
}