anyone know html/css/web? We are adding some features per community suggestions....

Join 500,000+ Artists

Its' free and it takes less than 10 seconds!

Join the #1 Art Workshop - LevelUpJoin Premium Art Workshop

Results 1 to 18 of 18
  1. #1
    Join Date
    Jul 2002
    Location
    Austin TX
    Posts
    10,750
    Thanks
    2,078
    Thanked 11,140 Times in 2,687 Posts
    Follows
    2
    Following
    1

    anyone know html/css/web? We are adding some features per community suggestions....

    If you know CSS and HTML we could really use some help to add some features like new banners for the COW and activity winners, etc... It isn't a lot of work, but we are short handed tech wise and would love for a bit of help. CA is getting the attention it needs after far too long and any assistance would be appreciated.

    Please let me know! If you have a little time to assist please add me on skype at brilliantcolorsceo


    JM

    LEVEL UP! - ConceptArt.Org online workshops are on sale- Join now and get 25% off!
    Reply With Quote Reply With Quote  


  2. Hide this ad by registering as a member
  3. The Following 3 Users Say Thank You to Jason Manley For This Useful Post:


  4. #2
    Join Date
    Jul 2002
    Location
    Austin TX
    Posts
    10,750
    Thanks
    2,078
    Thanked 11,140 Times in 2,687 Posts
    Follows
    2
    Following
    1

    rough mockup

    We are making all the thumbnails now...thanks to some great help and both Nemome and Black Spot prodding me with a stick to have some transition updates to the site prior to the installation of 4.0.

    This is the gist of what we need to do...We need the simple html adjustments in the header to be able to post these up in the right spots on the header, and with the dark background behind them. This is super rough as I just mocked up the idea, but it should be maybe 30 minutes of help I'd think...and we can start highlighting the awesome


    Thanks everyone!


    JM

    Attached Images Attached Images  
    LEVEL UP! - ConceptArt.Org online workshops are on sale- Join now and get 25% off!
    Reply With Quote Reply With Quote  

  5. The Following 9 Users Say Thank You to Jason Manley For This Useful Post:


  6. #3
    Join Date
    May 2008
    Location
    San Antonio,Texas
    Posts
    27
    Thanks
    1
    Thanked 1 Time in 1 Post
    Follows
    0
    Following
    0
    Hey Jason,

    I more or less consider myself fluent in HTML, but not a wiz. (I still prefer to relay on WYSIWYG apps like Dreamweaver or BlueGriffon.) Based on your rough layout, you could easily use a table, and if you want, you can use CSS either withing the page's code or as a linked file (ex: table.css) to control the color of the boarder and the backgrounds of all of the table cells. If I were to do this (assuming this will start as a static element), I'd take your rough into PhotoShop, divide it up using the slice tool. Export everything (save for web), and open the html file into Dreamweaver or BlueGriffion to tweak the table directly with html or css. Then copy and paste your new header code into CA's php template. (I assume that's how it's structured.)

    Reply With Quote Reply With Quote  

  7. #4
    Join Date
    Jul 2002
    Location
    Austin TX
    Posts
    10,750
    Thanks
    2,078
    Thanked 11,140 Times in 2,687 Posts
    Follows
    2
    Following
    1
    Thank you TheYiffer! can you add me on skype? my handle is brilliantcolorsceo

    LEVEL UP! - ConceptArt.Org online workshops are on sale- Join now and get 25% off!
    Reply With Quote Reply With Quote  

  8. #5
    Join Date
    Jul 2002
    Location
    Austin TX
    Posts
    10,750
    Thanks
    2,078
    Thanked 11,140 Times in 2,687 Posts
    Follows
    2
    Following
    1
    Btw...if any of you all are up and know html and Mr Yiffer happens to be out for the night, I am up late and can help get this done. Excited.

    LEVEL UP! - ConceptArt.Org online workshops are on sale- Join now and get 25% off!
    Reply With Quote Reply With Quote  

  9. #6
    Join Date
    May 2008
    Location
    Belgium
    Posts
    123
    Thanks
    38
    Thanked 18 Times in 17 Posts
    Follows
    0
    Following
    0
    Do not know if it is needed anymore but I'm a software engineer by day (and artist by night )
    So HTML, css, javascript are familiar languages for me, as is PHP if needed.


    Help me improve, critiques and criticism are welcome:
    My sketchbook
    Reply With Quote Reply With Quote  

  10. #7
    Join Date
    Jul 2002
    Location
    Austin TX
    Posts
    10,750
    Thanks
    2,078
    Thanked 11,140 Times in 2,687 Posts
    Follows
    2
    Following
    1
    awesome.

    lots of new stuff coming right up folks. cant wait.

    LEVEL UP! - ConceptArt.Org online workshops are on sale- Join now and get 25% off!
    Reply With Quote Reply With Quote  

  11. #8
    Join Date
    Oct 2007
    Location
    Pennsylvania
    Posts
    300
    Thanks
    394
    Thanked 118 Times in 57 Posts
    Follows
    0
    Following
    0
    If you need additional help I also know HTML and CSS. I worked as a web designer for a few years. Here are some of the sites I've built:

    http://ampgs.com
    http://luzernecountyfair.com
    http://homegrownpoker.com (this one's still under construction)

    Let me know Jason

    bill@harkinsart.com

    - Bill

    Reply With Quote Reply With Quote  

  12. #9
    Join Date
    Jul 2002
    Location
    Austin TX
    Posts
    10,750
    Thanks
    2,078
    Thanked 11,140 Times in 2,687 Posts
    Follows
    2
    Following
    1
    Thank you!!!

    LEVEL UP! - ConceptArt.Org online workshops are on sale- Join now and get 25% off!
    Reply With Quote Reply With Quote  

  13. #10
    Join Date
    Jul 2002
    Location
    Austin TX
    Posts
    10,750
    Thanks
    2,078
    Thanked 11,140 Times in 2,687 Posts
    Follows
    2
    Following
    1
    ok finally figured out how to make the thumbs work up there. I am determined to learn this code stuff, which not knowing has hampered me for so long. Can't figure out how to get the little space between the bottom of the forums highlight thumbs and the activities...they are butting up against each other at the moment. Totally neophyte in this stuff.

    I also want to add a bunch of thumbs atop the sketchbook forums like that for the featured sketchbooks (new ones for all the peeps who are kicking ass right now). Maybe will do the same for the other forums too. That part I am not sure how to do yet. Once we get this stuff done we will get focused solely on 4.0's first site launch which is currently heading into production.


    j

    LEVEL UP! - ConceptArt.Org online workshops are on sale- Join now and get 25% off!
    Reply With Quote Reply With Quote  

  14. The Following User Says Thank You to Jason Manley For This Useful Post:


  15. #11
    Join Date
    Jul 2002
    Location
    Austin TX
    Posts
    10,750
    Thanks
    2,078
    Thanked 11,140 Times in 2,687 Posts
    Follows
    2
    Following
    1
    Yay...fixed the spacing. Box code for pixel height was off. Magic!

    LEVEL UP! - ConceptArt.Org online workshops are on sale- Join now and get 25% off!
    Reply With Quote Reply With Quote  

  16. #12
    Join Date
    Jul 2002
    Location
    Austin TX
    Posts
    10,750
    Thanks
    2,078
    Thanked 11,140 Times in 2,687 Posts
    Follows
    2
    Following
    1
    So frustrating...I want this to go in the finished section in a certain spot. I can get it to show up in the right spot, but the images do not go left to right they stack on top of each other. I want them to show up with the black border and left to right like the square thumbs in the header now...but they show up without any black border and stacked right on top of each other. I also want it to be positioned to the center of the page...and not positioned all the way to the left.

    Learning code...learning code...learning code....not easy at all.

    <style type="text/css">

    #wrapper {
    width:1180px;
    margin:auto;
    position:relative;
    #container {
    width:1180px;
    background:black;
    position:relative;
    margin:1px auto;
    padding-top:4px;
    padding-bottom:4px;
    }
    .ffbanner {
    width:388px;
    height:200px;
    margin-left:4px;
    float:left;
    margin-top:4px;
    opacity:1;
    -webkit-transition-duration:500ms;
    -moz-transition-duration:500ms;
    -o-transition-duration:500ms;
    } }
    .fade {
    opacity:1;
    -webkit-transition-duration:500ms;
    -moz-transition-duration:500ms;
    -o-transition-duration:500ms;
    }
    .fade:hover {
    opacity: 0.4;
    }
    </style>
    <div class="clear"></div>
    <div class="ffbanner">
    <a href="http://conceptart.org/forums/showthread.php?266842-

    3d-Character-designs">
    <img class="fade"
    src="https://lh6.googleusercontent.com/-JWrM56DBHSg/UTLLgbp-

    R4I/AAAAAAAAALs/SSWwNETExtM/h120/3dcharacter.jpg" alt="Soulty666 3D Character Art!"/>
    </a>
    </div>
    <div class="ffbanner"> <a
    href="http://conceptart.org/forums/showthread.php?265511-Various-cover-arts">
    <img class="fade"
    src="https://lh4.googleusercontent.com/-

    FnwHHpjzPyE/UTLLgkiHiVI/AAAAAAAAALw/vTS5JkfZjqU/h120/kemar.jpg"

    alt="Kemar's Cover Work!"/>
    </a>
    </div>
    <div class="ffbanner"><a href="http://conceptart.org/forums/showthread.php?

    236253-Caricatures-)/page4">
    <img class="fade"
    src="https://lh4.googleusercontent.com/-

    QzasfBBhrbw/UTLLgklbjVI/AAAAAAAAAL0/WB8L_NWFFXs/h120/jadecilcleton.jpg"

    alt="jadecicleton's Charicatures!"/>
    </a>
    </a></div>
    </div>


    Any ideas?

    LEVEL UP! - ConceptArt.Org online workshops are on sale- Join now and get 25% off!
    Reply With Quote Reply With Quote  

  17. #13
    Join Date
    Jun 2003
    Location
    Seattle, WA
    Posts
    1,479
    Thanks
    14
    Thanked 22 Times in 21 Posts
    Follows
    0
    Following
    0
    It looks like they align vertically because each of the images is in a separate <div> </div> block. If you put all three into a single one, they'll show up in a single row. Like this:

    <div class="ffbanner" id="container">
    <a href="http://conceptart.org/forums/showthread.php?266842-

    3d-Character-designs">
    <img class="fade" id="container"
    src="https://lh6.googleusercontent.com/-JWrM56DBHSg/UTLLgbp-

    R4I/AAAAAAAAALs/SSWwNETExtM/h120/3dcharacter.jpg" alt="Soulty666 3D Character Art!"/>
    </a>
    <a
    href="http://conceptart.org/forums/showthread.php?265511-Various-cover-arts">
    <img class="fade"
    src="https://lh4.googleusercontent.com/-

    FnwHHpjzPyE/UTLLgkiHiVI/AAAAAAAAALw/vTS5JkfZjqU/h120/kemar.jpg"

    alt="Kemar's Cover Work!"/>
    </a>
    <a href="http://conceptart.org/forums/showthread.php?

    236253-Caricatures-)/page4">
    <img class="fade"
    src="https://lh4.googleusercontent.com/-

    QzasfBBhrbw/UTLLgklbjVI/AAAAAAAAAL0/WB8L_NWFFXs/h120/jadecilcleton.jpg"

    alt="jadecicleton's Charicatures!"/>
    </a>
    </div>

    Last edited by Hawkswift; March 3rd, 2013 at 02:38 AM.
    Reply With Quote Reply With Quote  

  18. #14
    Join Date
    Jul 2002
    Location
    Austin TX
    Posts
    10,750
    Thanks
    2,078
    Thanked 11,140 Times in 2,687 Posts
    Follows
    2
    Following
    1
    OK...trying it! Lessons I like. Thank you. I can remember that

    LEVEL UP! - ConceptArt.Org online workshops are on sale- Join now and get 25% off!
    Reply With Quote Reply With Quote  

  19. #15
    Join Date
    Jul 2002
    Location
    Austin TX
    Posts
    10,750
    Thanks
    2,078
    Thanked 11,140 Times in 2,687 Posts
    Follows
    2
    Following
    1
    I tried it...the above code suggestion made it like this: http://conceptart.org/forums/forumdi...NALLY-FINISHED!! I then replaced the blown up low res image with a high res and it stays the same size as it shows now, but is the right resolution. Happy accident...a bug that looks ok ...a nice big image and smaller thumbs under...poor folks on mobile...the new site doesn't have that issue. What do you think...should we keep the big image there for daily highlights? Can probably have them rotate too fairly easily. It's super light weight, so won't be a bandwidth issue. Can really show off the good stuff. Too big? Good big? Bad big? thoughts?

    Anyway...going to add some galleries to each of the forums sections so the highlights from those areas show up well. Still doing a rebuild on the thumbnails...taking forever but hums along. There are many millions of artworks to do....and show


    J

    LEVEL UP! - ConceptArt.Org online workshops are on sale- Join now and get 25% off!
    Reply With Quote Reply With Quote  

  20. #16
    Join Date
    Jun 2003
    Location
    Seattle, WA
    Posts
    1,479
    Thanks
    14
    Thanked 22 Times in 21 Posts
    Follows
    0
    Following
    0
    Ha! I did that - I was trying to figure out what the #container section was for and forgot to remove the id="container" lines when I pasted in the example code.

    Reply With Quote Reply With Quote  

  21. #17
    Join Date
    Oct 2007
    Location
    Pennsylvania
    Posts
    300
    Thanks
    394
    Thanked 118 Times in 57 Posts
    Follows
    0
    Following
    0
    Yeah Jason I think the 'accident' actually looks pretty sweet. It is pretty tall though when you think about how far people have to scroll down from the top grid, then past the new banner.

    There are a few ways to get things to line up horizontally next to each other, but I use a CSS style called float. If I were to strip out everything out it would look like this in it's most basic form.

    <div style="float:left;width:50px;height:50px;backgroun d:orange;"></div>
    <div style="float:left;width:50px;height:50px;backgroun d:orange;"></div>
    <div style="float:left;width:50px;height:50px;backgroun d:orange;"></div>
    <div style="clear:both;"></div> (this clears the floats so it knows when to stop aligning things in the same row, otherwise everything else on your page will try to float left)

    If you go off that you can always adjust the width/height and put an image in the <div></div> tag to the dimensions you want. I just threw a color bg in there so you can see it if you start messing with the code.

    Edit: It's showing a space between the n and d in background in the code above, that's not supposed to be there, not sure why that's showing up for me.

    Last edited by Harkins; March 3rd, 2013 at 12:45 PM.
    Reply With Quote Reply With Quote  

  22. #18
    Join Date
    Jun 2003
    Location
    Seattle, WA
    Posts
    1,479
    Thanks
    14
    Thanked 22 Times in 21 Posts
    Follows
    0
    Following
    0
    There's a float:left; line in the .ffbanner class declaration, which wasn't working. I think it comes down to the #wrapper id not having a closing } before the #container id declaration. I also removed a closing } after the .ffbanner declaration that seemed extraneous. Sorry I didn't catch it earlier...

    The values for width in the ffbanner class need to be played with, if it's being used. here's the modified style declaration:

    <style type="text/css">

    #wrapper {
    width:1180px;
    margin:auto;
    position:relative;
    }
    #container {
    width:1180px;
    background:black;
    position:relative;
    margin:1px auto;
    padding-top:4px;
    padding-bottom:4px;
    }
    .ffbanner {
    width:250px;
    height:200px;
    margin-left:4px;
    float:left;
    margin-top:4px;
    opacity:1;
    -webkit-transition-duration:500ms;
    -moz-transition-duration:500ms;
    -o-transition-duration:500ms;
    }
    .fade {
    opacity:1;
    -webkit-transition-duration:500ms;
    -moz-transition-duration:500ms;
    -o-transition-duration:500ms;
    }
    .fade:hover {
    opacity: 0.4;
    }
    </style>

    Reply With Quote Reply With Quote  

Members who have read this thread: 0

There are no members to list at the moment.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
  • 424,149 Artists
  • 3,599,276 Artist Posts
  • 32,941 Sketchbooks
  • 54 New Art Jobs
Art Workshop Discount Inside
Register

Developed Actively by vBSocial.com
The Art Department
SpringOfSea's Sketchbook