Peršokti į turinį

Problema su HTML bg.

eXodius1337

Parašė eXodius1337
forume HTML / HTML5

 Pasidalinti

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 3218 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Recommended Posts

eXodius1337 Forumo numylėtinis (-ė)

eXodius1337

(redaguota)

Sveiki, kaip padaryti, kad rodytu paveiksliuką bg, o ne kažkokia juoda spalva ant bg. Žiūrėjau visas pamokas, bet nepadeda.

 

Kodas:

 

@import url('../fonts/font.css');
body {
    margin: 0;
    background: #000;
}
#container {
    margin: 0 auto;
    background: #fff;
    width: 80% !important;
    min-width: 970px;
    display: table;
    height: auto;
    margin-bottom: 10px;
}
.header {
    background: url('/template/img/bg.png') no-repeat;
    background-position: center;
    width: 1030px;
    height: 300px;
    background-size: cover;
    -webkit-box-shadow: inset 0px 0px 28px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    inset 0px 0px 28px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         inset 0px 0px 28px 0px rgba(0, 0, 0, 0.75);
}
.header .logo {
    font-family: "Myriad Pro Bold";
    font-size: 55pt;
    color: #fff;
    padding-top: 150px;
    padding-left: 100px;
}
.header .logo p {
    position: relative;
    font-size: 20pt;
    top: -45px;
    left: 5px;
}
.navigation {
    background: #000;
    width: 100%;
    height: 60px;
    font-family: 'Myriad Pro Regular';
    font-size: 13pt;
    border-bottom: 2px solid #0049c1;
    margin-top: -20px;
}
.navigation ul {
    text-align: left;
}
.navigation ul li {
    list-style-type: none;
    display: inline;
}
.navigation ul li a {
    position: relative;
    font-family: "Myriad Pro Regular";
    font-size: 11pt;
    color: white;
    text-decoration: none;
    transition: 1s;
    padding: 20px 20px 24px 20px;
    top: 18px;
}
.navigation ul li a:hover {
    background: #0049c1;
    padding: 20px 20px 24px 20px;
    border-radius: 5%;
}
.servers {
    margin-top: 5px;
    text-align: center;
}
.servers div {
    padding-bottom: 5px;   
}
.servers div span {
    font-family: "Myriad Pro Regular";
    font-size: 12pt;
    color: #b2b2b2;
    padding-right: 100px;
}
.left_block {
    float: left; 
    margin-left: 40px;
    margin-top: 30px;
    width: 50%;
}
.right_block {
    float: right;
    margin-right: 40px;
    margin-top: 40px;
    width: 30%;
}
.news_block {
    margin-bottom: 20px;
}
.news_block .title {
    font-family: "Myriad Pro Regular";
    font-size: 16pt;
    color: #222;
}
.news_block .content {
    font-family: Tahoma, sans-serif, Hevletica;
    font-size: 9pt;
    color: #8f8f8f;
    text-align: left;
}
.news_block .footer {
    padding-top: 5px;
    font-family: "Myriad Pro Regular";
    font-size: 10pt;
    color: #b2b2b2;
}
.news_block .footer span {
    padding-right: 20px;   
}
.news_block .footer a {
    font-family: "Myriad Pro Regular";
    font-size: 10pt;
    color: #b2b2b2;  
    text-decoration: none;
    transition: 1s;
}
.news_block .footer a:hover {
    color: #0049c1;
}
.news_block #balance h4 {
    font-family: "Myriad Pro Regular";
    font-size: 12pt;
    color: #222;
}
.news_block #balance button[type=submit] {
    outline: 0;
    border: 0;
    background: #83b90a;
    padding: 5px 5px 5px 5px;
    font-family: "Myriad Pro Regular";
    color: white;
    font-size: 11pt;   
}
.news_block #services h4 {
    font-family: "Myriad Pro Regular";
    font-size: 12pt;
    color: #222;
}
.news_block .content select {
    border: 1px solid #cbcbcb;
    width: 300px;
    height: 40px;
    font-family: "Myriad Pro Regular";
    color: #222;
    font-size: 12pt;
}
.news_block #sms span {
    font-family: "Myriad Pro Regular";
    font-size: 10pt;
    padding-right: 50px;
}
.news_block .content .pasl {
    color: #222;
    font-size: 10pt;
    padding-top: 15px;
    font-family: "Myriad Pro Regular";
}
.news_block .content .pasl button {
    outline: 0;
    border: 0;
    background: #222;
    padding: 5px 5px 5px 5px;
    font-family: "Myriad Pro Regular";
    color: white;
    font-size: 11pt;
}
.news_block .content form {
    margin-top: 10px;   
}
.news_block .content form input {
    width: 220px;
    height: 30px;
    font-family: "Myriad Pro Regular";
    font-size: 11pt;
    color: #222;
    padding-left: 5px;
    outline: 0;
    border-radius: 3px;
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;          
}
.news_block form button[type=submit] {
    border: 0;
    outline: 0;
    background: #3e8d05;
    padding: 10px 10px 10px 10px;
    font-family: "Myriad Pro Regular";
    font-size: 11pt;
    color: white;
    text-decoration: none;   
}
.side_block {
    margin-bottom: 20px;
}
.side_block .title {
    font-family: "Myriad Pro Regular";
    font-size: 16pt;
    color: #222;      
    text-align: center;
}
.side_block .content {
    font-family: Tahoma, sans-serif, Hevletica;
    font-size: 9pt;
    color: #8f8f8f;
    text-align: left;   
}
.side_block .content form div {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 5px;   
}
.side_block .content form input[type=email]{
    width: 220px;
    height: 30px;
    font-family: "Myriad Pro Regular";
    font-size: 11pt;
    color: #222;
    padding-left: 5px;
    outline: 0;
    border-radius: 3px;
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;   
}
.side_block .content form input[type=password]{
    width: 220px;
    height: 30px;
    font-family: "Myriad Pro Regular";
    font-size: 11pt;
    color: #222;
    padding-left: 5px;
    outline: 0;
    border-radius: 3px;
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;   
}
.side_block .content form button[type=submit] {
    border: 0;
    outline: 0;
    background: #0049c1;
    padding: 5px 5px 5px 5px;
    font-family: "Myriad Pro Regular";
    font-size: 11pt;
    color: white;
}
.side_block .content form a {
    border: 0;
    outline: 0;
    background: #3e8d05;
    padding: 5px 5px 5px 5px;
    font-family: "Myriad Pro Regular";
    font-size: 11pt;
    color: white;
    text-decoration: none;
}
.side_block .content p#controlls {
    text-align: center;
}
.side_block .content p#controlls a {
    font-family: Tahoma, sans-serif, Hevletica;
    font-size: 9pt;
    color: #8f8f8f;
    transition: 1s;
    text-decoration: none;
}
.side_block .content p#controlls a:hover {
    color: #0049c1;
}
.side_block #usercp {
    padding-top: 10px;
    font-size: 12pt;   
    text-align: center;
}
.side_block #usercp img {
    border-radius: 50%;
    border: 3px solid #222;
}
.side_block #usercp ul {
    padding-bottom: 10px;
}
.side_block #usercp ul li {
    font-family: Tahoma, sans-serif, Hevletica;
    font-size: 9pt;
    color: #8f8f8f;   
    list-style-type: none;
    text-align: left;
    padding-left: 55px;
}
.side_block #usercp ul li a {
    font-family: Tahoma, sans-serif, Hevletica;
    font-size: 9pt;
    color: #8f8f8f;
    text-decoration: none;
    transition: 0.8s;
}
.side_block #usercp ul li a:hover {
    color: #0049c1;
}
 
.footer {
    margin-top: 10px;
    margin-bottom: 10px;   
}
.footer span.copyrights {
    color: #8f8f8f;
    font-family: "Myriad Pro Regular";
    font-size: 11pt;
}
.footer span.author {
    color: #8f8f8f;
    font-family: "Myriad Pro Regular";
    font-size: 11pt;
}
.errormsg {
    margin-top: 100px;
    margin-bottom: 100px;
    background: #e83c3c;
    font-family: Tahoma,sans-serif;
    font-size: 9pt;
    color: #8d202b;
    text-align: center;
    padding: 10px 5px 10px 5px;
}
#errorMSG {
    background: #e83c3c;    
    display: none;
width: 600px;
height: 50px;
margin: 0 auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
outline: 0;
    font-family: Tahoma,sans-serif;
    font-size: 9pt;
    color: #8d202b;
    text-align: center;
    background-position: center;
    padding-top: 20px;
}
#successMSG {
    background: #59b102;
    display: none;
width: 600px;
height: 50px;
margin: 0 auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
outline: 0;
    font-family: Tahoma,sans-serif;
    font-size: 9pt;
    color: #438105;
    text-align: center;
    background-position: center; 
    padding-top: 20px;
}
 
Kas padės tam atsidekosiu.
Redaguota , nario eXodius1337
Nuoroda į komentarą
Dalintis per kitą puslapį
ShockWave! Mylimas dalyvis (-ė)

ShockWave! 




body {



background: url(http://bestinspired.com/wp-content/uploads/2015/07/background-wallpapers-172.jpg) no-repeat fixed center center;



-webkit-background-size: cover;



-moz-background-size: cover;



-o-background-size: cover;



background-size: cover;



}
















    

  • 


Teigiamai


1



    • 
















Nuoroda į komentarą



Dalintis per kitą puslapį

























eXodius1337


Forumo numylėtinis (-ė)









eXodius1337























    

  • Autorius 
    • 





















Ir dar problema. Kur čia yra balta http://i.imgur.com/ppP5o4A.pngnorėčiau, kad užeitu bg ant jo kaip padaryti? Čia yra headeris. 


 


Kodas tas pats.


 


@import url('../fonts/font.css');


body {


background: url('/template/img/bg.png') no-repeat fixed center center;


-webkit-background-size: cover;


-moz-background-size: cover;


-o-background-size: cover;


background-size: cover;


}


#container {


    margin: 0 auto;


    background: #fff;


    width: 80% !important;


    min-width: 970px;


    display: table;


    height: auto;


    margin-bottom: 10px;


}


.header {


    background: url('/template/img/bg.png') no-repeat;


    background-position: center;


    width: 1030px;


    height: 300px;


    background-size: cover;


    -webkit-box-shadow: inset 0px 0px 28px 0px rgba(0, 0, 0, 0.75);


    -moz-box-shadow:    inset 0px 0px 28px 0px rgba(0, 0, 0, 0.75);


    box-shadow:         inset 0px 0px 28px 0px rgba(0, 0, 0, 0.75);


}


.header .logo {


    font-family: "Myriad Pro Bold";


    font-size: 55pt;


    color: #fff;


    padding-top: 150px;


    padding-left: 100px;


}


.header .logo p {


    position: relative;


    font-size: 20pt;


    top: -45px;


    left: 5px;


}


.navigation {


    background: #000;


    width: 100%;


    height: 60px;


    font-family: 'Myriad Pro Regular';


    font-size: 13pt;


    border-bottom: 2px solid #0049c1;


    margin-top: -20px;


}


.navigation ul {


    text-align: left;


}


.navigation ul li {


    list-style-type: none;


    display: inline;


}


.navigation ul li a {


    position: relative;


    font-family: "Myriad Pro Regular";


    font-size: 11pt;


    color: white;


    text-decoration: none;


    transition: 1s;


    padding: 20px 20px 24px 20px;


    top: 18px;


}


.navigation ul li a:hover {


    background: #0049c1;


    padding: 20px 20px 24px 20px;


    border-radius: 5%;


}


.servers {


    margin-top: 5px;


    text-align: center;


}


.servers div {


    padding-bottom: 5px;   


}


.servers div span {


    font-family: "Myriad Pro Regular";


    font-size: 12pt;


    color: #b2b2b2;


    padding-right: 100px;


}


.left_block {


    float: left; 


    margin-left: 40px;


    margin-top: 30px;


    width: 50%;


}


.right_block {


    float: right;


    margin-right: 40px;


    margin-top: 40px;


    width: 30%;


}


.news_block {


    margin-bottom: 20px;


}


.news_block .title {


    font-family: "Myriad Pro Regular";


    font-size: 16pt;


    color: #222;


}


.news_block .content {


    font-family: Tahoma, sans-serif, Hevletica;


    font-size: 9pt;


    color: #8f8f8f;


    text-align: left;


}


.news_block .footer {


    padding-top: 5px;


    font-family: "Myriad Pro Regular";


    font-size: 10pt;


    color: #b2b2b2;


}


.news_block .footer span {


    padding-right: 20px;   


}


.news_block .footer a {


    font-family: "Myriad Pro Regular";


    font-size: 10pt;


    color: #b2b2b2;  


    text-decoration: none;


    transition: 1s;


}


.news_block .footer a:hover {


    color: #0049c1;


}


.news_block #balance h4 {


    font-family: "Myriad Pro Regular";


    font-size: 12pt;


    color: #222;


}


.news_block #balance button[type=submit] {


    outline: 0;


    border: 0;


    background: #83b90a;


    padding: 5px 5px 5px 5px;


    font-family: "Myriad Pro Regular";


    color: white;


    font-size: 11pt;   


}


.news_block #services h4 {


    font-family: "Myriad Pro Regular";


    font-size: 12pt;


    color: #222;


}


.news_block .content select {


    border: 1px solid #cbcbcb;


    width: 300px;


    height: 40px;


    font-family: "Myriad Pro Regular";


    color: #222;


    font-size: 12pt;


}


.news_block #sms span {


    font-family: "Myriad Pro Regular";


    font-size: 10pt;


    padding-right: 50px;


}


.news_block .content .pasl {


    color: #222;


    font-size: 10pt;


    padding-top: 15px;


    font-family: "Myriad Pro Regular";


}


.news_block .content .pasl button {


    outline: 0;


    border: 0;


    background: #222;


    padding: 5px 5px 5px 5px;


    font-family: "Myriad Pro Regular";


    color: white;


    font-size: 11pt;


}


.news_block .content form {


    margin-top: 10px;   


}


.news_block .content form input {


    width: 220px;


    height: 30px;


    font-family: "Myriad Pro Regular";


    font-size: 11pt;


    color: #222;


    padding-left: 5px;


    outline: 0;


    border-radius: 3px;


    border: none;


    box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;          


}


.news_block form button[type=submit] {


    border: 0;


    outline: 0;


    background: #3e8d05;


    padding: 10px 10px 10px 10px;


    font-family: "Myriad Pro Regular";


    font-size: 11pt;


    color: white;


    text-decoration: none;   


}


.side_block {


    margin-bottom: 20px;


}


.side_block .title {


    font-family: "Myriad Pro Regular";


    font-size: 16pt;


    color: #222;      


    text-align: center;


}


.side_block .content {


    font-family: Tahoma, sans-serif, Hevletica;


    font-size: 9pt;


    color: #8f8f8f;


    text-align: left;   


}


.side_block .content form div {


    margin: 0 auto;


    text-align: center;


    margin-bottom: 5px;   


}


.side_block .content form input[type=email]{


    width: 220px;


    height: 30px;


    font-family: "Myriad Pro Regular";


    font-size: 11pt;


    color: #222;


    padding-left: 5px;


    outline: 0;


    border-radius: 3px;


    border: none;


    box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;   


}


.side_block .content form input[type=password]{


    width: 220px;


    height: 30px;


    font-family: "Myriad Pro Regular";


    font-size: 11pt;


    color: #222;


    padding-left: 5px;


    outline: 0;


    border-radius: 3px;


    border: none;


    box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;   


}


.side_block .content form button[type=submit] {


    border: 0;


    outline: 0;


    background: #0049c1;


    padding: 5px 5px 5px 5px;


    font-family: "Myriad Pro Regular";


    font-size: 11pt;


    color: white;


}


.side_block .content form a {


    border: 0;


    outline: 0;


    background: #3e8d05;


    padding: 5px 5px 5px 5px;


    font-family: "Myriad Pro Regular";


    font-size: 11pt;


    color: white;


    text-decoration: none;


}


.side_block .content p#controlls {


    text-align: center;


}


.side_block .content p#controlls a {


    font-family: Tahoma, sans-serif, Hevletica;


    font-size: 9pt;


    color: #8f8f8f;


    transition: 1s;


    text-decoration: none;


}


.side_block .content p#controlls a:hover {


    color: #0049c1;


}


.side_block #usercp {


    padding-top: 10px;


    font-size: 12pt;   


    text-align: center;


}


.side_block #usercp img {


    border-radius: 50%;


    border: 3px solid #222;


}


.side_block #usercp ul {


    padding-bottom: 10px;


}


.side_block #usercp ul li {


    font-family: Tahoma, sans-serif, Hevletica;


    font-size: 9pt;


    color: #8f8f8f;   


    list-style-type: none;


    text-align: left;


    padding-left: 55px;


}


.side_block #usercp ul li a {


    font-family: Tahoma, sans-serif, Hevletica;


    font-size: 9pt;


    color: #8f8f8f;


    text-decoration: none;


    transition: 0.8s;


}


.side_block #usercp ul li a:hover {


    color: #0049c1;


}


 


.footer {


    margin-top: 10px;


    margin-bottom: 10px;   


}


.footer span.copyrights {


    color: #8f8f8f;


    font-family: "Myriad Pro Regular";


    font-size: 11pt;


}


.footer span.author {


    color: #8f8f8f;


    font-family: "Myriad Pro Regular";


    font-size: 11pt;


}


.errormsg {


    margin-top: 100px;


    margin-bottom: 100px;


    background: #e83c3c;


    font-family: Tahoma,sans-serif;


    font-size: 9pt;


    color: #8d202b;


    text-align: center;


    padding: 10px 5px 10px 5px;


}


#errorMSG {


    background: #e83c3c;    


    display: none;


width: 600px;


height: 50px;


margin: 0 auto;


position: fixed;


top: 0;


right: 0;


bottom: 0;


left: 0;


z-index: 1050;


display: none;


outline: 0;


    font-family: Tahoma,sans-serif;


    font-size: 9pt;


    color: #8d202b;


    text-align: center;


    background-position: center;


    padding-top: 20px;


}


#successMSG {


    background: #59b102;


    display: none;


width: 600px;


height: 50px;


margin: 0 auto;


position: fixed;


top: 0;


right: 0;


bottom: 0;


left: 0;


z-index: 1050;


display: none;


outline: 0;


    font-family: Tahoma,sans-serif;


    font-size: 9pt;


    color: #438105;


    text-align: center;


    background-position: center; 


    padding-top: 20px;


}


 


P.S dėkui ShockWave! Atsidekojau jau :)

























Nuoroda į komentarą



Dalintis per kitą puslapį






























Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 3218 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.




Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!










Prisijungti prie diskusijos



Palikti atsakymą galite iš karto, o užsiregistruoti vėliau.
Jeigu jau turite paskyrą mūsų forume, Prisijunkite.



















Svečias






    

  • 


    • 













 Atsakyti šioje temoje...





×
  Įklijuotas tekstas turi teksto formatavimą.   Pašalinti teksto formatavimą








  Galimi tik 75 veidukai.








×
  Nuoroda buvo automatiškai įterpta.   Įterpti nuorodą paprastai
















×
  Jūsų ankstesnis pranešimas buvo atkurtas.   Išvalyti redaktorių








×
  Jūs negalite įkelti nuotraukas tiesiogiai.Įkelkite arba įdėkite nuotraukas iš URL.















×










    

  • 

    

    

    

    • 

  • 


    • 















  Pasidalinti





















Eiti į








    

  • 

  • 

    

    
Šiame puslapyje naršo:
  0 nariai 

    

    

      

    • Nėra registruotų narių peržiūrinčių šį forumą.
      • 

    

    

    • 












Skelbimai


























×



    


















×



    

  • Sukurti naują...
    •