Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Parvinder Kumar
@parvinder09
@Otto-AA I did but not able to use new class with click function
Mark
@vinarius

I have the counting down in function fadeDivs() {
i = i < images.length ? i : 0;
$('#space_1_HeroSection_2').fadeOut(500, function(){
$(this).attr('background-image:url'), images[i].fadeIn(500);
})
i++;
}

I just don't know if .attr is what i'm looking for

Gaston Kirsman
@gastikirs
Guys, what do you think about the front end of my wikipedia pen?
Any suggestion?
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@DevD01 Try this:
<span class="author">
  Mohandas karamchand Gandhi</span>
_____

.author {
  border-top: 1px solid black;
}
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@vinarius I don't think that you can fadeIn background-pictures like this (see there for more info http://stackoverflow.com/questions/4997493/set-opacity-of-background-image-without-affecting-child-elements)
And I think the attr should be like that: $(this).attr('background-image', 'url("'+yourLinkVar+'"'));
Aditi Roy
@AlluringAditi
@Otto-AA Not working, I mean not doing what Exactly I want, Please see this image:
http://www.mixpixx.com/wp-content/uploads/2015/05/An-ounce-of-practice-is-worth-more-Mahatma-gandhi-quotes.jpg
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@DevD01 Oh, that before O.o
Aditi Roy
@AlluringAditi
@Otto-AA Yeah
@Otto-AA I'm also unable to figure how can I shift the name at the end of the quote, I mean if you see here http://codepen.io/DDeveloper/full/LRoXNx/ the name just below the starting of the quote and I want it to be shifted towards the end of the quote.
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@DevD01 you can take a look there for the line: http://www.webmaster-source.com/2012/04/24/pure-css-blockquote-styling/

@DevD01 Got it now :)
HTML

<blockquote>"Live as if you were to die tomorrow; learn as if you were to live forever."<cite>Mohandas karamchand Gandhi</cite></blockquote>

CSS

blockquote {
  display: inline-block;
}
blockquote cite {
  text-align: right;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}
@Otto-AA Try to understand it so you really learn something :P
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@DevD01 (font-size and margin aren't really neccessary but look better imo)
Bye guys
Aditi Roy
@AlluringAditi
@Otto-AA Thank You.
You made my day thanks a lot :) :)
CamperBot
@camperbot
devd01 sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:cookie: 325 | @otto-aa |http://www.freecodecamp.com/otto-aa
Mark
@vinarius

@Otto-AA this is what i was going for

http://codepen.io/vinarius/full/XjELAK/

Faefnir
@Faefnir
how do i center an img on the page using div ?
JD Tadlock
@jdtdesigns
making a twitch bot www.twitch.tv/codeclash
Kamil Malek
@KamilMalek
@Faefnir margin: 0 auto; ?
I'm not sure if that will work with your request
Muhammad Hasham
@MohammadHasham
blob
My JS file is not working can anyone tell me where am i wrong
i am using dreamweaver
Rimi.
@Codevotee
@MohammadHasham <script src=""></script>, you forgot the >
Muhammad Hasham
@MohammadHasham

@APRim05 i am using

$(document).ready(function() {
    alert("This is working");
});

but nothing is working.

Rimi.
@Codevotee

@MohammadHasham

<script src="JS/JS.js"</script>

Should be:

<script src="JS.js"></script>
Muhammad Hasham
@MohammadHasham
is it as if Javscript is not loading in the page
am i doing it right by using that in head tag
@APRim05
Rimi.
@Codevotee
@MohammadHasham sometimes it doesn't load, but the browser should show a message like "scripts blocked", on Chrome it's at the top right
@MohammadHasham idk why it doesnt work if you fixed that code
Muhammad Hasham
@MohammadHasham
@APRim05 thanks for showing concern.
CamperBot
@camperbot
mohammadhasham sends brownie points to @aprim05 :sparkles: :thumbsup: :sparkles:
:cookie: 400 | @aprim05 |http://www.freecodecamp.com/aprim05
Emily Sperry
@sperrye
I'm working on the portfolio project. How do I make an e-mail form with codepen? I know you usually have to use php, right?
Nitin Chandran Nair
@NitinNair89
Hello World! :)
CamperBot
@camperbot

welcome to FreeCodeCamp @NitinNair89!

Nitin Chandran Nair
@NitinNair89
@sperrye You can use <a href="mailto:your_email_id_here" as an hyperlink in your send button. This will open the default mail client for the user. It is sufficient for codepen.
Emily Sperry
@sperrye
thanks @NitinNair89
CamperBot
@camperbot
sperrye sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 324 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
Nitin Chandran Nair
@NitinNair89
You're welcome @sperrye :)
Steve Giampa
@sg-birch

Hey all. I'm trying to have a jQ link open in a new tab and I'm not sure how to add the "target='_blank'" to this line:

$('#output').prepend("<li><a href= "+data[3][i]+ ">"+data[1][i] + "</a><p>"+data[2][i]+"</p></li>");

Sorry ```
$('#output').prepend("<li><a href= "+data[3][i]+ ">"+data[1][i] + "</a><p>"+data[2][i]+"</p></li>");
gah! $('#output').prepend("<li><a href= "+data[3][i]+ ">"+data[1][i] + "</a><p>"+data[2][i]+"</p></li>");
Nitin Chandran Nair
@NitinNair89
Add it just after a before the href.