Redoing the player in Flash
Moderators: EN - Assistant Moderators, EN - Forum Moderators
- henke37
- Security expert / tools programmer
- Posts: 3031
- Joined: Wed Mar 04, 2009 9:42 pm
- Gender: Male
- Spoken languages: Swedish,English
- Location: Sweden
- Contact:
Re: Redoing the player in Flash
I think I just want a simple page, no blog or any other strange things. Just a plain old normal page. I actually have some thin content already, it is the styling that I need here.
Currently working on a redesign of Court-records.net.
Re: Redoing the player in Flash
I can do that, I'll also be able to make it so you can easily add the content yourself [you'll have your own account and all ofc] (the only thing is, AT FIRST, it's gonna look like a blog, but overtime I can develop a child-theme specifically for how you want it, I just need more experience and time for this, so I suggest you either wait for your other guy, or find another option for the time-being)
Also, I found a server host that won't have to get me worried about paying for anything (gotta love having connections), so that can be covered too.
Also, I found a server host that won't have to get me worried about paying for anything (gotta love having connections), so that can be covered too.
- henke37
- Security expert / tools programmer
- Posts: 3031
- Joined: Wed Mar 04, 2009 9:42 pm
- Gender: Male
- Spoken languages: Swedish,English
- Location: Sweden
- Contact:
Re: Redoing the player in Flash
I prefer to just type html and have it styled with css. No need to mess with any content management software. No database stuff, no fancy forms used to edit text. Just plain old html file uploading.
If you can provide css styling of existing html, then I am interested.
If you can provide css styling of existing html, then I am interested.
Currently working on a redesign of Court-records.net.
Re: Redoing the player in Flash
You mean a style.css file basically?
Will that do? It's dark :p
-Edit: It's just an example, you're gonna have to change the urls and such as well (you can also comment/uncomment some of the lines you don't need)
Code: Select all
/*
Example stylesheet, not sure if this is what you wanted henke
*/
body {
margin: 0;
padding: 0;
background: #202020;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #6F6F6F;
}
h1, h2, h3 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-family: Impact, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #2B2522;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 2.8em;
}
h3 {
font-size: 1.6em;
}
p, ul, ol {
margin-top: 0;
line-height: 180%;
}
ul, ol {
}
a {
text-decoration: underline;
color: #D93544;
}
a:hover {
text-decoration: none;
}
#wrapper {
width: 1000px;
margin: 0 auto;
padding: 0;
background: #000000;
}
/* Header */
#header-wrapper {
height: 120px;
}
#header {
width: 1000px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}
/* Logo */
#logo {
float: left;
width: 350px;
margin: 0;
padding: 0;
color: #000000;
}
#logo h1, #logo p {
}
#logo h1 {
margin-left: 30px;
padding: 20px 0px 0px 0px;
letter-spacing: -1px;
text-transform: uppercase;
font-family: Impact, Arial, Helvetica, sans-serif;
font-size: 3.8em;
font-weight: normal;
color: #FA9F0A;
}
#logo h1 a {
color: #FA9F0A;
}
#logo h1 span {
}
#logo p {
margin: 0;
padding: 0px 0 0 32px;
font: normal 14px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #BEBEBE;
}
#logo a {
border: none;
background: none;
text-decoration: none;
color: #707070;
}
/* Search */
#search {
float: right;
width: 280px;
height: 60px;
padding: 20px 0px 0px 0px;
}
#search form {
height: 41px;
margin: 0;
padding: 10px 0 0 0px;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search-text {
width: 170px;
height: 19px;
padding: 4px 5px 1px 5px;
border: none;
background: #FFFFFF;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
color: #5D781D;
}
#search-submit {
width: 50px;
height: 26px;
border: none;
background: #D93544;
color: #FFFFFF;
}
/* Menu */
#menu {
float: right;
height: 125px;
margin: 0 auto;
padding: 0;
background: #D43442;
}
#menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
border-left: 1px solid #EC4E63;
}
#menu a {
display: block;
height: 80px;
padding: 45px 25px 0px 25px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-family: Impact, Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: normal;
color: #FFFFFF;
border: none;
}
#menu a:hover, #menu .current_page_item a {
text-decoration: none;
}
#menu .current_page_item a {
}
/* Page */
#page {
width: 980px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}
#page-bgtop {
padding: 20px 0px;
}
/* Content */
#content {
float: left;
width: 600px;
padding: 40px 0px 0px 20px;
}
.post {
margin-bottom: 30px;
padding: 30px 20px 20px 20px;
background: #212121;
border: 1px dashed #000000;
}
.post .title {
height: 41px;
padding: 0px 0px 0px 0px;
letter-spacing: -1px;
}
.post .title a {
text-decoration: none;
color: #FFFFFF;
border: none;
}
.post .entry {
padding: 20px 30px 20px 30px;
padding-bottom: 20px;
text-align: justify;
}
.post .byline {
clear: both;
overflow: hidden;
padding-bottom: 20px;
}
.post .meta {
float: left;
}
.post .links {
float: right;
}
.links a {
}
/* Sidebar */
#sidebar {
float: right;
width: 300px;
margin: 0px;
padding: 20px 20px 0px 0px;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
margin: 0;
padding: 0;
}
#sidebar li ul {
margin: 0px 0px;
padding-bottom: 30px;
}
#sidebar li li {
line-height: 35px;
border-bottom: 1px dashed #191919;
background: url(images/img01.jpg) no-repeat left 15px;
margin: 0px 20px 0px 20px;
border-left: none;
text-align: left;
}
#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}
#sidebar li li a {
padding: 0px 0px 0px 15px;
}
#sidebar h2 {
height: 31px;
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 20px;
background: url(images/img03.jpg) no-repeat left top;
text-shadow: #203060 -1px 1px 2px;
text-align: left;
text-transform: uppercase;
letter-spacing: -.5px;
font-size: 2em;
color: #FFFFFF;
}
#sidebar p {
margin: 0 0px;
padding: 0px 20px 20px 20px;
text-align: justify;
color: #847F7E;
}
#sidebar a {
border: none;
color: #847F7E;
}
#sidebar a:hover {
text-decoration: underline;
color: #847F7E;
}
/* Calendar */
#calendar {
}
#calendar_wrap {
padding: 20px;
}
#calendar table {
width: 100%;
}
#calendar tbody td {
text-align: center;
}
#calendar #next {
text-align: right;
}
/* Footer */
#footer {
width: 980px;
height: 50px;
margin: 0 auto;
padding: 0px 0 15px 0;
font-family: Arial, Helvetica, sans-serif;
}
#footer p {
margin: 0;
line-height: normal;
font-size: 10px;
text-transform: uppercase;
text-align: center;
color: #847F7E;
}
#footer a {
color: #847F7E;
}
-Edit: It's just an example, you're gonna have to change the urls and such as well (you can also comment/uncomment some of the lines you don't need)
- henke37
- Security expert / tools programmer
- Posts: 3031
- Joined: Wed Mar 04, 2009 9:42 pm
- Gender: Male
- Spoken languages: Swedish,English
- Location: Sweden
- Contact:
Re: Redoing the player in Flash
Ok, new question. What video hosting sites do you want to see supported? I don't want to limit it to youtube. If you know of a site that would work, tell me!
Currently working on a redesign of Court-records.net.
Re: Redoing the player in Flash
veoh, vimeo, dailymotion, google video, megavideo are some of the most well known vid hosting sites I'm aware of besides youtube, though I'm not sure what people outside of america recommends (I know in Asia youhou and tokou (I think those are the correct spellings) are really popular in that region of the world).
Embedding-wise, I think google video and Veoh would be an easier alternative for youtube, but don't hold me to that.
Embedding-wise, I think google video and Veoh would be an easier alternative for youtube, but don't hold me to that.
- henke37
- Security expert / tools programmer
- Posts: 3031
- Joined: Wed Mar 04, 2009 9:42 pm
- Gender: Male
- Spoken languages: Swedish,English
- Location: Sweden
- Contact:
Re: Redoing the player in Flash
- Google video is not gonna happen for the simple reason that they don't allow new uploads. It's kinda pointless for this purpose without that.
- DailyMotion is already on the todo list, but I am having technical difficulties that their support staff of course are too clueless to understand.
- Viemo does not have a chromeless player, that being none of their own gui. I don't accept anything less than proper chromeless players.
- Veoh seems to not provide an embeddable player.
- Megavideo doesn't provide a lot of information on their site, so I have sent them an email.
- In addition to dedicated video hosting sites I am also allowing for plain old flv files hosted on any old website hosting. I may add support for FMS if someone actually requests that.
Currently working on a redesign of Court-records.net.
- henke37
- Security expert / tools programmer
- Posts: 3031
- Joined: Wed Mar 04, 2009 9:42 pm
- Gender: Male
- Spoken languages: Swedish,English
- Location: Sweden
- Contact:
Re: Redoing the player in Flash
For those that missed my MOTM interview, there has been an announcement:
The project is now open source
Interested parties can check out the assembla project and see what we have managed to do so far. But most importantly, feel free to contribute!
The project is now open source
Interested parties can check out the assembla project and see what we have managed to do so far. But most importantly, feel free to contribute!
Currently working on a redesign of Court-records.net.
- henke37
- Security expert / tools programmer
- Posts: 3031
- Joined: Wed Mar 04, 2009 9:42 pm
- Gender: Male
- Spoken languages: Swedish,English
- Location: Sweden
- Contact:
Re: Redoing the player in Flash
Well, I am resuming work on this project now. I am going to need people assisting me with the graphics work. People with any kinds of bitmap editing skills are very welcome. And someone to help me with the animating would be a godsend.
Currently working on a redesign of Court-records.net.