|
HTML - Turning The White In A Myspace To Purple
http://profile.myspace.com/index.cfm...ndID=450190416
im trying to make all that white space to that same purple 990088 i think it is what code would i put into the layout code to do that? Similar TutorialsI have a webpage filled with url links and of course the text turns purple when clicked on. How do I change this so the text stays blue even after being clicked on? Do I have to add html code for each link, or is there a way to do it for the entire page? I have this theme that I'm using for a project and I can't find where I made the mistake in the HTML ... the Header/title is supposed to be the color of the text, but for some reason it's purple ... This is the website: http://simplybeautifulinmtl.tumblr.com/ And this is the HTML (I deleted a bunch of it that had no relevance and this is what's left ... I know it's asking a lot but can someone help me?): HTML Code: <!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}</title>
<META NAME="Title" CONTENT="{Title}">
<META NAME="Description" CONTENT="{MetaDescription}">
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="color:Title" content="#fffdf7"/>
<meta name="color:Background" content="#fff"/>
<meta name="color:Text" content="#fffdf7"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:LinkHover" content="#fffdf7"/>
<meta name="color:LinkBackground" content="#FFECF3"/>
<meta name="color:LinkHoverBackground" content="#F1F0F0"/>
<meta name="color:DescriptionBackground" content="#F1F0F0"/>
<meta name="if:Large Photos" content="1"/>
<meta name="if:Show Archive Link" content="1"/>
<meta name="if:Show RSS Link" content="1"/>
<meta name="if:Show Random Link" content="0"/>
<meta name="if:Show Likes Link" content="0"/>
<meta name="if:Show Mobile Link" content="0"/>
<meta name="if:Show Description" content="0"/>
<meta name="if:Fixed Header" content="1"/>
<meta name="if:InfiniteScroll" content="0"/>
{block:IfInfiniteScroll}
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
{/block:IfInfiniteScroll}
</script>
<style type="text/css">
hr { display:none; }
img { border:0px; }
body {
background: {color:Background};
color:{color:Text};
font-family:' georgia, sans-serif;
font-size: 0.75em; /* 12px */
margin:0px;
padding:0px;
letter-spacing: 0.1em;
}
}
}
a:focus { outline: none; }
/* ---------------------------------------------------- Funky **** ------------------ */
::selection,
a::selection,
img::selection {
background: {color:Text};;
color: {color:Text};;
}
::-moz-selection {
background: {color:Text};;
color: {color:Text};;
}
/* ---------------------------------------------------- Header ------------------ */
header {
display: block;
margin: 40px auto 20px auto;
width: 820px;
text-align: center;
}
header.fixed {
position: fixed;
width: 100% !important;
}
header h1 {
font-family: Georgia, sans-serif;
display: block;
font-size: 4em;
-webkit-margin-befo 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin-bottom: 5px;
font-weight: normal;
color: {color:Text};
}
header h1 a {
font-weight: normal;
text-decoration:none !important;
}
nav a {
color: {color:Text};
padding: 3px 5px 1px 5px;
margin: 0 2px;
background: {color:LinkBackground};
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-decoration:none !important;
}
nav a:hover {
color: {color:Text};
background: {color:LinkHoverBackground};
}
div.wrapper {
display: block;
margin: 0px auto 100px auto;
{block:IfFixedHeader}
padding: 115px 0 0 0;
{/block:IfFixedHeader}
width: 500px;
text-align: center;
color: {color:Text};
}
div.description {
float:left;
margin-top:0px;
padding: 5px 10px;
}
/* ---------------------------------------------------- Text ------------------ */
.text {
width: 500px;
margin: 25px auto 125px auto;
line-height: 1.6em;
}
.text .caption {
font-size: 1.66em; /* 20px */
text-decoration:none !important;
}
/* ---------------------------------------------------- Stuff ------------------ */
div.tumblrAutoPager_page_info {
display:none;
}
#back-top {
position: fixed;
right: 15px;
bottom: 10px;
font-size: 0.83em;
}
#back-top a {
color: {color:Text};
padding: 3px 5px 1px 5px;
margin: 0 2px;
background: {color:LinkBackground};
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-decoration:none !important;
}
#back-top a:hover {
color: {color:Text};
background: {color:LinkHoverBackground};
}
{CustomCSS}
</style>
</head>
<body>
<header {block:IfFixedHeader}class="fixed"{/block:IfFixedHeader}>
<h1><a href="/">{Title}</a></h1>
<nav>
</nav>
</header>
<div class="wrapper">
{block:IfShowDescription}
{block:Description}
<div class="description">
{Description}
</div>
{/block:Description}
{/block:IfShowDescription}
</div>
<!---------------------------------------------------------------------------- POSTS ----->
<Div class="autopagerize_page_element" id="posts">
{block:Posts}
{block:Text}
<div class="text">
{block:Title}<a {block:IndexPage}href="{Permalink}"{/block:IndexPage} class="caption">{Title}</a>{/block:Title}
{Body}
{block:Date}
<div class="permalink"><a href="{Permalink}" class="permalink">❖</a></div>
{/block:Date}
</div>
{/block:Text}
how do I make it so that a regular html image link (<a href="bla.html"><img src="bla.png"></a>) does have the blue frame around when it hasn't been clicked and the purple when it has? Thanks For some reason, in IE8 (or all IE's, for all I know) there is a mysterious little purple line at the bottom left corner of all of my navigation button images, excluding the first one. In FF it works just fine..Chrome, Safari and Opera I don't have, so for all I know it could just be FF that's displaying it correctly. Here's my code: HTML HTML Code: <a href="index.html" style="margin:0"> <img src="images/nav_home.png" alt="HOME" onmouseover="this.src='images/nav_home_hover.png';" onmouseout="this.src='images/nav_home.png';" /> </a> <a href="the-author.html"> <img src="images/nav_author.png" alt="THE AUTHOR" onmouseover="this.src='images/nav_author_hover.png';" onmouseout="this.src='images/nav_author.png';" /> </a> <a href="contact.html"> <img src="images/nav_contact.png" alt="CONTACT US" onmouseover="this.src='images/nav_contact_hover.png';" onmouseout="this.src='images/nav_contact.png';" /> </a> CSS Code: img
{
border: 0px;
margin-left: 1.75em;
}
I also attached a screenshot. Thanks, C-Style I'm making an HTML design on notepad, and I got some images for links, but when I view it on a webpage, the images have a purple border. How to I remove this? <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="0" width="0" data="http://www.youtube.com/v/link&autoplay=1&rel=0"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/link&autoplay=1&rel=0" /> </object> I want to add a code to make the YouTube audio off. Any ideas? I'm having a problem finding out how to turn off flash intro at Classic Kelli Maroney. http://kellimaroney.com/#on_the_web I think I have to change something in the "head" part of the edit page. <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Kelli Maroney | Welcome to the Kelli Maroney Website, for all things Kelli Maroney</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script language="JavaScript" type="text/javascript"> Thanks Tom Hi, I am using Dreamweaver CS3 to create a site, by default i have learnt that when you use an image as a link to another page, dreamweaver creates a coloured border around your linked image. I have since been able to get rid of this border by adding border="0" into my img tag however this now has caused my rollover not to work before clicking on the image to take you to the linked page. this is my code; any ideas how i can fix this? <td colspan="4"> <a href="About Us.html"><img src="images/About_Off.jpg" border="0" alt="About Us" name="Aboutus" width="120" height="64" id="Aboutus" onMouseOver="MM_swapImage('Image2','','images/About_On.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td> <td colspan="6"> Any help would be greatly appreciated. Hi, I am having a problem with a HTML email. When sent through to Outlook 2000 All styles within tags are being re-written with "defanghtml" this in turn is turning all the styles of within the email's HTML code. This is not happening for every recipient!? Has anyone encountered this problem? Do you know what causes it? Can it be stopped? Hi guys, new user! I've been having this problem trying to create an external client for a game I play, the form from the website is Code: <form action="/bank/deposit" method="post"> <td style="padding-bottom: 1em; width: 100px"><input id="deposit_amount" name="deposit_amount" type="text" value="100" /></td> <td style="padding-bottom: 1em"><input class="submit-large" name="commit" type="submit" value="Deposit" /></td> </form> From this, it's obvious you can use http://mafialive.com/bank/deposit?desposit_amount=100 to deposit your cash on hand but I'm trying to also pull in the actual value in the deposit_amount input, so that I can just either link or dynamically generate a link that will bank the cash on hand. simply /deposit doesn't work as it seems to require an actual number. Any ideas? I'm rightfully stumped. Thanks in advance! I've done HTML for a while. A bit of CSS, not too much. This the first time I've made a design in photoshop and wanted to turn it into a website though. Can someone give me soem guidance on the best way to turn this into a website? Thanks. Hi I want to be able to turn the image that reads 'back' on the page below into a "back button" that automatically makes the browser go back a page, just like the back button within the browser. How do i do this? http://www.richardjohntaylor.com/bil...hotoerror.html Is there a way to prevent text (like a link) from being selected? I use +/- headers that expand or contract a paragraph, but when clicked rapidly the text is selected. The same thing for images? Robert i used to use tables for the layout, now i'm trying divs..the thing is i'm not sure how should i think about the layout, i mean like tables i have rows, every row have cells, now with the divs i should think about it the same way? a container div to replace the main table, then another div to take place of a row, then divs as cells..an so on does that make any sense? i don't know if that was clear, but the question is: how should i think about it? i know the question sounds stupid but it seems that i just got used to tables & can't accept divs yet I recently started a my space page for a jewelry company that I recently started in georgia. I am currently enrolled in college in atlanta and I wanted to give my myspace page a more professional look something similar to this page ---> http://profile.myspace.com/index.cfm...ndid=153572741 I am not very good with html or css but I recently bought a book called Creating Web Pages by Master Visually so I do unerstand the basics of web design. I am looking for anyone that can assist me with this my myspace page for my jewelry company is myspace.com/k3jewelry Any help any of you may be able to give mw will be greatly appreciated Thank you I want to get the ubetoo.com external media player to play automatically when my myspace page loads. Can someone please help me. Thanks Hi everyone im new to this forum and this whole HTML thing all toghether im very novice at it. I designed a layout for my myspace page which I did thru alot of trial and error .. after getting everything right on IE and FF or so I "thought" I did it seems that when ever someone else views my page everything is out of place.. so apperantely my design/coding isnt very cross browser friendly.. can anyone view my page and tell me what I can maybe do to make my layout show up right on everyones Monitor using FF IE or safari.. is there anything I could do to ensure a better result when some one else views my design? please help a newbie out.. heres my page link hhtp://www.myspace.com/damebeatz hi! i made a div overlay template for my myspace site - and up to now it is working pretty fine. there is just one problem: it covers the myspace ad on top of the page! though it looks good this way, i am aware of the fact that this is against the myspace regulations - can someone take a look at the html fragments and might tell me how to get the ads back on the site!? http://www.myspace.com/house_of_d_addict thanks! (html code: see next post!) I hate how MySpace comments don't fill up the entire width of the profile, so does anyone know (or help me with) a code that will stretch the comments across the entire profile? I made this Myspace Layout for Weapon X Promotions and it works perfect in FireFox and Safari, but doesnt work properly in Internet Explorer. Here is his URL.. www.myspace.com/weaponxpromotions Heres pics on how it looks in IE, just wondering if anyone can lend a helping hand why it may act up in IE so I can get this fixed ASAP... |
|||||||