My web page imagined with desired content.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGptPQ4I-lr2OvlGL8BDWs9GE-4UhJmeKvwJpN60SYQeJR2g8iLWf1n3NKozME14sOrPZPKe5siOppYAsAtf_V6wXuB6IG0qf_8J3tFJ_NgVCA1x7aVPJV8ZSbr8hoU2RxT9L5hyi7tOI/s1600/Finals.jpg) |
4 column. |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7q_PK9YvZLkNhy6BcWA0sS4LUDG_SFzIVYrLP3y-pUYePKidx6jIC5AHtwyKRhPj5Yb6_CPAA8NEjLq6-oI_5lsaTFxgufGTqa7CkL_KGnpgr117Qt9473Z5MI-B8GKM1-Vjx_5x4HWY/s1600/Finals2.jpg) |
3 column |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji09r94ymD6ozg4WnqIPlgewJmSpdG8OAVN3h4zD7XqsEr7ENJwqJAgOWct6BmCMcDZT_UGMqyNsPVtgGFJV3ik1ZltWB4nlhQIyhF-L1BC77TlYChVgWO1qg-dYlC5CppQNRMQVMNGXI/s1600/Finals3.jpg) |
2 column |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9kkj41zwc-y-NrqI6a7hEYOY87fJPPZDleadl-hafnSlkeztBlCGE8ex0d03sBdGXQ8cqRSCkcAICL3jGRMbluJdZsQL7D90v5MX2f5Uuxp2GvTk2nNowq-Dh3IFdF4uPZo6KwbC-ih8/s1600/Finals4.jpg) |
Single column |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR1DuCEuMOV92OvbAUsE-SVXXs9E6cL4gNyI1h8zZBgLop4A8eSZ2xVA_1RSHMaLWss7hs3z3vM7SCfcQYp7TqOOqMA26bvkGVyMMD90tI85KYQTLnR6XRyyz6qJEPM-g0lM1o5RKfyFk/s1600/Finals5.jpg) |
Hovered over selection. |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk0G2IF6VUvp1KtycJUq2-6PWxH2LEKONRu5VxQcOHAKwqQOhtb7VhcP7uakNFEQwd2PgqV7ryZ519jFfzIYp2cvAjz2L_ejhGZrRr0mL-s21bHuci59_6EfAfB6qT223uLfmqj1OEpr8/s1600/Finals6.jpg) |
Highlighted selection. |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrfQ5hyphenhyphenlKOAhgN60FPmMkB8B1wdSP1nRX_k0oixcKacnfeiJ7-HC9QPGqZF4quxyC14MgmXzFCDHgrHn1b5-bB16e0v0Gp2wEGXmEDImWxk9tSWjyqKwls_a13vZ4uGFGrd2O_Us7gtI4/s1600/Finals7.jpg) |
Text highlighted selection. |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWA70AV0gbHEmEC-zrfOZHn_-cwOKekSZz2UJe1CY2tAvVpFHoj858mEizo_djCohNb4QQ2ABbG94Coqrkk0omC8NYW_PHSUDCh3pJofFNek8alkVEMaEr1e_n7wYGWKEnqVrs_KRwy2Y/s1600/Finals+Search+start8.jpg) |
Search function start. |
For this search function to work effectively, I am to tag each upload with several tags that will relate to the image so a user can find work related to their search term. These tags will not be visible to a user but will be used in a content management system.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvU2-Wrw7G4vx5I72TlgHTuKIprNo3EmG-yVD_01DjaUGME_Ldgf5fOIQFwUvzOjLPecITOqUkOFtxhHdyfbQ_4ujLVkqN5C3gpHs053zVo1FB_Ne8dU2ZyueEtzQfoK4miruKmpt2fvw/s1600/Finals10.jpg) |
Search results page. |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRkklRwHalwM7IrT5Vox4TRhnuiAKPlW0ZOhmjYL7OLJUtBamwEE6di_hY38XN3vvebQk_2JMo-jdTcTuc0_zEQomfAYnC9sBPG6_A4L_Ix3jjQIay7XrHAk06-kmMZDYqezFREVEpgcA/s1600/Finals11.jpg) |
Search results highlighted. |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxMH13TSFc8dmz6TWBmf7Y1wGXvU6D4JeKqTHVpM_YDF_STtFPjRMJh2Iz8MMq1bybxsPGX3sIRbzMsVDMxatKVj0HAL9Tk0hyphenhyphenyRRunaC611Hc4mhQllnqsS8cjhIn1OfXFjMHLjX0aKQ/s1600/Finals12.jpg) |
Search results highlighted text. |
|
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ4iShoa2yyB1k1tpMkcSRMECxF1CmdViLZBSF7sVEkDOVSN0VmI29591aYYizo_ClH9mFDVMubJlxF5Ok2Y3DQDa022X1Pe4UMKItd7lv-HxFH1ZKeHJKfTbGsTopAEz0z35eJhVCajg/s1600/Screen+Shot+2015-01-04+at+15.04.09.png) |
Border for text within image bounding box. |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZzuq7j2jGTLKXGWh3Sx3FCo4MeSTp0WP609bssO6Dctw2g_K7noN-zATF7_sMfVRgk7Lw33hrsDIoAhgMd6FCmZ7nUbmCWxaRIesj1WIvQMTXBW4y-JEQqb9Mo_pzGag6YuocJYucDfs/s1600/Screen+Shot+2015-01-04+at+14.33.15.png) |
Link to related content without hovering. |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiazVtlmeEtuzBOHCmNq66Rwc9kWsrdyP93PWw9KeK_WhertH8RHn84V7gGFWl-of_1atvh8Db-NCA86N2OYX9pN3os9TwY3rDonHIPU-Sl7KFu3Lsx3UZiNHd0JQlWpZrNDMm5tXtc-EE/s1600/Screen+Shot+2015-01-04+at+14.33.08.png) |
Link to related content with hovering, becomes italic. |
|
No comments:
Post a Comment