0

how to save the html codes,i write on sololearn....

i can see other's codes on sololearn...this is very much effective but if i wanna run these codes on other html viewer what should i do or how i can get access my saved codes on sololearn??

4th Feb 2017, 1:39 PM
masudul hasan
masudul hasan - avatar
8 ответов
+ 4
In <head> Inline ("integration"): <style type="text/css"> #myID { color: black} .myClass { ... } </style> Files: <link rel="stylesheet" href="http://webserver.com/css/file.css"></link> Or use jsfiddle/jsbin (etc) and copy+paste into the right panels (like SoloLearn).
4th Feb 2017, 1:52 PM
Kirk Schafer
Kirk Schafer - avatar
+ 3
CodePlayground. In the app: tap the { } (second from right). You may need to change Trending/Most Popular to "My Codes". Or tap ## Codes (first item in the summary area of your profile). On the web: Someone else? Once in your code, use the clipboard to copy+paste.
4th Feb 2017, 1:45 PM
Kirk Schafer
Kirk Schafer - avatar
+ 3
@Kirk Schafer already answer you: just put all your css stuff in <head> inside <style type="text/css></style>
4th Feb 2017, 2:07 PM
visph
visph - avatar
+ 2
Copy paste in a text editor, and save it in local file... ( you need to integrate css and js in your html file, or link them as external files )
4th Feb 2017, 1:46 PM
visph
visph - avatar
+ 1
here is a html file <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link href="style.css" type="text/css" rel="stylesheet"> <title>Welcome</title> </head> <body> <div class="container"> </body> </html> and now this is css file html, body {background-image: url("https://subtlepatterns.com/patterns/sayagata-400px.png"); background-repeat: repeat;} img {border-radius:100%; border: 5px; border-style: dotted; border-color: #503428;} .container {text-align: center; background-color:rgba(0,0,0,0.3); padding:20px; border-radius: 10px; border-style: solid; border-width: 1px; border-color: white; display: block;} .greeting {font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 30px; color: #503428;} .discription {font-family: sans-serif; color: white;} input {background-color:white; padding: 10px; border: none; border-bottom-style: solid; border-bottom-color: #503428; border-bottom-width: 5px; border-radius: 3px; color: #503428;} button {background-color: #503428; color: white; font-size: 20px; width: 200px; text-transform: uppercase; padding: 10px; border: none; border-radius: 10px;} button:hover{background-color: white; cursor: pointer; color: #503428;} button:active {border: solid; border-width: 1px; border-color:#503428; } .rememberme {text-decoration: none; font-family:"Arial"; font-weight: bold; color: #503428;} a {text-decoration: none; font-family:"Arial"; font-weight: bold; color:white;} how to integrate them??
4th Feb 2017, 1:58 PM
masudul hasan
masudul hasan - avatar
0
but how to integrate css with html?
4th Feb 2017, 1:48 PM
masudul hasan
masudul hasan - avatar
0
hlw bro plz ans or give me a sample
4th Feb 2017, 2:04 PM
masudul hasan
masudul hasan - avatar
0
tnx everyone especially Kirk Schafer
4th Feb 2017, 2:31 PM
masudul hasan
masudul hasan - avatar