Jump to content
UncleStef Mentoring Update: New SEO course!

brysonprice

Member
 View Profile  See their activity

  • Posts

    46

  • Joined

  • Last visited

 Content Type 

Everything posted by brysonprice

  1. brysonprice
    alright, thanks : ) I'll check it out
  2. brysonprice
    Wickham, like this? @font-face { font-family: 'ChaletParisNineteenEightyRegu'; src: url ('font/chaparei-webfont.eot'); src: local ('☺'), url('font/chaparei-webfont.woff') format('woff'), url('font/chaparei-webfont.ttf') format('truetype'), url('font/chaparei-webfont.svg#webfonttE0NzRSo') format('svg'); font-weight: normal; font-style: normal; } And what do you mean by " change the class to whatever matches the markup " ? thanks : )
  3. brysonprice
    I've been watching some tutorials on @Font-Face and I thought that I had the hang of it, but I guess not : / I uploaded a font to FONT SQUIRREL'S @Font-Face generator (Link to FONT SQUIRREL'S @Font-Face generator). I was able to get this font to work in a project with nothing else in it, except the text I wanted. But when I tried to upload it to my BIOGRAPHY PAGE, the font didn't come out looking correct. Can someone please tell me what I'm doing wrong? ============================================================================================================================================ #1 Here is the browser screen shot and the code for the TEXT only project: browser screen shot TEXT only project: TEXT only screen shot Code for TEXT only project: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="specimen_files/easytabs.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="specimen_files/specimen_stylesheet.css" type="text/css" charset="utf-8" /> <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> <style type="text/css"> body{ font-family: 'ChaletParisNineteenEightyRegu'; } </style> <title>test font</title> </head> <body> <div class="section"> <div class="glyph_range">BRYSON PRICE ALWAYS HAD A PASSION FOR MUSIC</div> </div> <div class="section"> </body> </html> #2 Here is the browser screen shot and the code for the BIOGRAPHY PAGE in which I want to implement the font: browser screen shot for BIOGRAPHY PAGE: BIOGRAPHY PAGE screen shot Code for BIOGRAPHY PAGE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bryson Price Music</title> <style type="text/css"> #wrapper { text-align: left; width: 960px; position: relative; padding: 0px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; height: auto; background-color: #FFF; } body { background-repeat: repeat; text-align: center; margin: 0px; padding: 0px; } .biobody { background-color: #e9e6e6; border: 3px solid #282828; height: 400px; width: 896px; margin-right: 34px; margin-left: 36px; clip: rect(auto,34px,auto,36px); } .belowheader { height: 122px; width: 899px; margin-left: 38px; } .header { height: 170px; background-color: #e9e6e6; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 3px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #282828; border-right-color: #282828; border-bottom-color: #282828; border-left-color: #282828; text-align: center; } </style> </head> <body> <div class="header" id="header"><span class="Biography"><img src="../New Design/Sliced menu/Menu words/sky-logo-font---sliced-in-photoshop_03.png" alt="biography" width="530" height="106" vspace="50" /></span></div> <div id="wrapper"> <div class="Biography" id="biography"></div> <div class="fancy" id="fancy"> <div class="belowheader" id="belowheader"><img src="../New Design/Sliced menu/biography/below-header_03.png" width="899" height="122" alt="belowheader" /></div> </div> <div class="biobody" id="biobody"> <div class="section"> <div class="glyph_range">BRYSON PRICE ALWAYS HAD A PASSION FOR MUSIC</div> </div> <div class="section"> <p>Biography content here </p> <p> </p> </div> </div> </body> </html>
  4. brysonprice
    Thank you so much everyone! I had no clue that the name CANNOT start with a number. This solved the problem Andrea, that is just how I learned to do things when watching youtube
  5. brysonprice
    Thank you for answering the 1st question Andrea...it was so simple! I didn't know I could add padding to an individual image. I thought you could only add it to a div, but then I googled it and found what the "H" and the "V" meant in the image properties. I'll remember to stick with lower case. thanks! Now I just need to find an answer to my question #2
  6. brysonprice
    I tried that, but it moves the whole div down...not just the word "BIOGRAPHY"
  7. brysonprice
    I'm sorry...forgot to post it, but I just edited my orginal post right now
  8. brysonprice
    #1 The word "biography" is an image that I've placed in the HEADER. How do I nudge the "biography" down a little so that it's not at the very top of the page? http://i187.photobucket.com/albums/x292/bigbonthabeat/bioproblem.jpg CODE FOR #1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">'>http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bryson Price Music</title> <style type="text/css"> #wrapper { text-align: left; width: 960px; position: relative; padding: 0px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; height: auto; background-color: #FFF; } body { background-repeat: repeat; text-align: center; margin: 0px; padding: 0px; } .biobody { background-color: #e9e6e6; border: 3px solid #282828; height: 400px; width: 896px; margin-right: 34px; margin-left: 36px; clip: rect(auto,34px,auto,36px); } .belowheader { height: 122px; width: 899px; margin-left: 38px; } .header { height: 170px; background-color: #e9e6e6; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 3px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #282828; border-right-color: #282828; border-bottom-color: #282828; border-left-color: #282828; text-align: center; } </style> </head> <body> <div class="header" id="header"><span class="Biography"><img src="../New Design/Sliced menu/Menu words/sky-logo-font---sliced-in-photoshop_03.png" width="530" height="106" alt="biography" /></span></div> <div id="wrapper"> <div class="Biography" id="biography"></div> <div class="fancy" id="fancy"> <div class="belowheader" id="belowheader"><img src="../New Design/Sliced menu/biography/below-header_03.png" width="899" height="122" alt="belowheader" /></div> </div> <div class="biobody" id="biobody"> <p>Biography content here</p> <p> </p> </div> </div> </body> </html> #2 No matter what I do, I can't get the YOUTUBE,TWITTER, FACEBOOK and GMAIL logos centered. It looks fine in Dreamweaver, but when I preview it in a browswer, it looks stuck to the left (as in the picture below) http://i187.photobucket.com/albums/x292/bigbonthabeat/contact.jpg CODE FOR #2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bryson Price Music</title> <style type="text/css"> #wrapper { text-align: left; width: 960px; position: relative; padding: 0px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; height: auto; background-color: #FFF; } body { background-repeat: repeat; text-align: center; margin: 0px; padding: 0px; } .Biography { background-color: #e9e6e6; text-align: center; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #282828; height: 130px; width: 580px; margin-top: 40px; margin-right: 200px; margin-left: 200px; } .biobody { background-color: #e9e6e6; border: 3px solid #282828; height: 400px; width: 896px; margin-right: 34px; margin-left: 36px; } .belowheader { height: 122px; width: 899px; margin-left: 38px; } .4contacts { text-align: center; width: 896px; position: fixed; height: 178px; padding-top: 50px; } </style> </head> <body> <div id="wrapper"> <div class="Biography" id="biography"><img src="../New Design/Sliced menu/Menu words/sky-logo-font---sliced-in-photoshop_11.png" width="435" height="107" alt="contact" /></div> <div class="fancy" id="fancy"> <div class="belowheader" id="belowheader"><img src="../New Design/Sliced menu/contact/contact-below-header_02.png" width="899" height="122" alt="contactbelowheader" /></div> </div> <div class="biobody" id="biobody"> <p>contact content here</p> <div class="4contacts" id="4contacts"><img src="../New Design/Sliced menu/contact/4-contacts_03.png" alt="4contacts" width="430" height="178" /></div> <p> </p> </div> </div> </body> </html>
  9. brysonprice
    thanks Wickham I'll check these out when I get home
  10. brysonprice
    Is there a way to place an image in the FOOTER (in Dreamweaver) I would just export the whole image in from Photoshop, but I want the footer to extend all the way to the corners of the screen, no matter what resolution it is being viewed on. thanks!
  11. brysonprice
    thanks again for the information . I will post again if I have other questions
  12. brysonprice
    I appreciate you letting me know about "@font-face" because I will be needing it for my "BIO" section. If I use an image map, can the word be found in google when searched? What resolution do you recommend for me to use? 1200 x 1024 or 1024 x 768 ? Thank you so much for you help...when I posted this late last night, I was feeling so hopeless. I spent all day in the computer lab at school researching and messing around in Dreamweaver. I was just about to give up, but then I thought it would be a good idea to post in the forum first. You have given me a new found hope to design my website!
  13. brysonprice
    Andrea, I appreciate you being patient and helpful... I know how annoying it can be when noobs show up on the forum and ask dumb questions (It happens on music forums ALL the time. People show up expecting there to be a 'quick fix' on how to make amazing music). I have the creativity to make a nice site, now I just need to learn the technical aspects
  14. brysonprice
    I already know how to use photoshop so I've conquered half the battle (just because you know how to program, doesn't necessarily mean you know how to graphic design and vice versa). I would pay someone to do this, but I don't have the money right now (I'm a broke college student). Do you recommend any tutorials? thanks : )
  15. brysonprice
    Honestly, I will have no need to continue with webdesign after I finish my website...It's very interesting, but I won't have the time to pursue it between my schooling and music. I understand that I will have to add text to the website, but it will mainly consist of images and visual effects with minimal text. It's going to be a website that will feature my music so I don't want too much clutter...I just want something fresh and clean looking, with nice effects, to accompany my music.
  16. brysonprice
    1. I think 'image maps' are the way I want to do this...correct me if I'm wrong, but from reading the link you gave me and other links on Google, it seems as if you can only use fonts with @font-face. The way I made my image was in Photoshop----I started with a font and then I added a stroke on the outside, embossed the image and added effects such as drop shadow, outer glow, etc. To my understanding, you are not able to do this in Dreamweaver. Is this a correct statement? 2. The white spaces occur when my background is viewed on larger resolution screens such as those huge MACS with 1600x1200 resolution. Although my target audience will be people using 1200x1024 resolution, I also want to accommodate those using their TVs as a monitor (as well as small monitors such as cell phones if possible). Is there a code for this? And if so where and how do you insert this code into Dreamweaver? I greatly appreciate your help. You have been more than kind!
  17. brysonprice
    I'm pretty good with Photoshop, but when it comes to building websites, I am such a noob that it's not even funny. I want to make a very simple website and I've attached my design below: design I want to be able to click each black text to take me to the next page of the website (and maybe even animate these buttons with flash so that when I scroll over them, it will do something fancy). I also want the text to be aligned in the center. I've been researching tutorials and info online for much of these past 3 days with minimal luck. I keep finding tutorials that don't help me do specifically what I want to do. There are many tutorials about how to import photoshop images into Dreamweaver...the only problem is that they end up using the design and also making a background to go with it. I don't want there to be a separate table for the content of the site and the background...I want the "BIO", "MUSIC", etc to be directly on top of the background (as in my picture), but I don't want WHITE spaces when viewing my site at higher resolution screens. Can anyone push me in the right direction or maybe walk me through how I can achieve these things? I'm sorry that I might now be using the right terminology because I'm a music producer trying to build a website. Please let me know if you need anything explained. thanks!
  18. brysonprice
    What program would be best to use for an animated gif? My university has all adobe products once again, I appreciate your help
  19. brysonprice
    Ben, thanks for these tips : ). Now that you pointed it out, I see the BAP website does spend too much time to transition between pages. BUT, the thing I really like about this site is the intro (could be a little shorter though) and I like the 'glitchy' effects that happen when you hover over the tabs. Is that hard to do?
  20. brysonprice
    I've never built a webpage before, but I'm pretty experienced with Photoshop. I'm looking to build a website to promote my music and I want to model it after this one: blackatomproductions .com I know how to make cool sounds(like the ones on the website), but I need help with the Flash animations. Where can I start to learn about flash and what techniques do I need to learn to build a website like this? Here are some more examples of websites that I like: creaktif .com 2advanced .com thanks for the help!
×
×
  • Create New...